JavaScript本地存储localStorage及相关操作

gengchao 2019-07-23 PM 1016℃ 0条

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

标签: none

非特殊说明,本博所有文章均为博主原创。

评论啦~