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操作明天再写。