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。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现