localStorage的使用

本文主要是介绍localStorage的使用，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1存数据，将value存储到key字段，如果key存在时，就更新value。

var requesteducatData = {

    "school": '吉林大学',

    "startSchoolTime": '2015',

    "finishSchoolTime": '2019',

    "schoolTypeId": '大学',

};

    window.localStorage.setItem('educatList', JSON.stringify(requesteducatData));//对象转字符串

2取数据

localStorage.getItem(key)：获取指定key本地存储的值，如果key不存在就返回null。

3、删

删除对应了两种删除方式，一种是根据对应的key定向删除，一种是直接全部删除。

①根据key指定删除

localStorage.removeItem(key)：删除指定key本地存储的值，一经删除，key对应的数据将全部删除掉。

②全部删除

localStorage.clear()：该操作适合删除多个缓存数据，但是一旦执行就会清除所有的本地缓存数据。

4、其他方法

①遍历存储的key

localStorage.length：数据的总数。eg：localStorage.length

②获取key

localStorage.key(index)：获取对应的key。eg：let key = localStorage.key(index);

③存储JSON格式的数据

JSON.stringify(data) 将一个对象转换成JSON格式的字符串，返回转换后的字符串；

JSON.parse(data) 将数据解析成对象，返回解析后的对象。

但是考虑到localStorage存储的数据不能跨浏览器共享，所以只能读取当前浏览器的数据，而且存储空间为5M。

这篇关于localStorage的使用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！