ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

localStorage的使用

2022-08-01 01:32:39  阅读:123  来源: 互联网

标签:存储 删除 JSON localStorage key 使用 数据


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。

 

 

标签:存储,删除,JSON,localStorage,key,使用,数据
来源: https://www.cnblogs.com/shuhan-hou/p/16538778.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有