xStorage.js

• xStorage.js download
• xStorage.min.js download
• github

Features

1. Supporting data types : array, object, string, number
2. Shorthand function : create, update, remove in one function
3. Stability with other codes : prefix

Shorthand function

// 1. Save data
xStorage("address", {city: "seoul", country: "ko"});
// 2. Load data
var language = xStorage('language');
// 3. remove data
xStorage('currency', '');

Example

Creating Bookmarkstorage

var bookmarkStorage = xStorage.create("bookmark",[]);
bookmarkStorage.add({name:'google', url:'https://www.google.com'});
bookmarkStorage.add({name:'msn', url:'http://www.msn.com'});
bookmarkStorage.add({name:'naver', url:'https://www.naver.com'});
var firstBookmark = bookmarkStorage(0);
var bookmarkData = bookmarkStorage.data;

Modifying Bookmark

var bookmarkStorage = xStorage.local.bookmark;
bookmarkStorage(2, {name:'yahoo', url:'https://www.yahoo.com'});
bookmarkStorage.remove(1);
var firstBookmark = bookmarkStorage(0);

User info

var ui = xStorage.create("ui",{});
ui('language', 'en');
ui('phone', '010-3452-1392');
ui('country', 'ko');
ui('phone', ''); // delete phone
ui('country'); // return 'ko';

xStorage API : Global

• xStorage(name, value, type); // type : local | session
• xStorage.save(name, value, type); // = xStorage(name, value, type)
• xStorage.load(name, type); // = xStorage(name, type)
• xStorage.remove(name, type); // = xStorage(name, '')
• xStorage.clear(type); // clear storage, type : local | session
• xStorage.create(name, initValue, type); // initValue : [] | {}
• xStorage.local; // local Storage collection
• xStorage.session; // session Storage collection

xStorage API : Inner function

• _StorageItem(keyOrIndex, value); // type : local | session
• _StorageItem.data;
• _StorageItem.title;
• _StorageItem.type;
• _StorageItem.add(); // only array type
• _StorageItem.remove(keyOrIndex);
• _StorageItem.destroy();
• _StorageItem.save();
• _StorageItem.valueOf(); // == _StorageItem._data.valueOf();
• _StorageItem.toString(); // == _StorageItem._data.toString();

Browser Compatibility

IE8