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。

 

 

posted @ 2022-08-01 01:05  干红  阅读(158)  评论(0编辑  收藏  举报