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 @   干红  阅读(173)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示