JavaScript本地存储localStorage及相关操作

localStorage是永久性的存储(除非用户手动清除),如果一个页面存储的localStorage数据过多那么,那么将会导致页面变卡。所以要合理的控制LocalStorage中数据的大小。

向localStorage中存储数据

localStoage.setItem('name','zhangsan')这样就在localStorage中存储了一个键名为name值为zhangsan的一个数据。
localStorage中存储的数据都为字符串格式的，例如在localStorage中存储了一个数组，那么在存储的时候这个数组将会被转换为字符串。示例代码如下:

var arr = [1,2,3]
localStroage.setItem('arr')
>>typeof(localStorage.getItem('arr')->string

获取localStorage中存储的数据

正如上面所见到的,获取其中的数据使用的是getItem()方法。

localStorage.getItem('arr');
>>1,2,3

更新localStorage中的值

与其说是更新，只不过是将原来键中全部的数据覆盖了而已。

window.localStorage.setItem('arr','新的值')

删除

//清除localStorage所有的数据
window.localStorage.clear();
//清除某个键值对
window.localStorage.removeItem("arr");

localStorage中的json操作明天再写。