企业网站建设杭州,宝安住房和建设局网站,无锡锡牛网站建设,太原网站建设公司排名目录
一、localStorage
二、sessionStorage
三、本地存储处理复杂数据 一、localStorage
介绍
#xff08;1#xff09;数据存储在用户浏览器中
#xff08;2#xff09;设置、读取方便、甚至页面刷新不会丢失数据
#xff08;3#xff09;容量较大#xff0c;se…目录
一、localStorage
二、sessionStorage
三、本地存储处理复杂数据 一、localStorage
介绍
1数据存储在用户浏览器中
2设置、读取方便、甚至页面刷新不会丢失数据
3容量较大sessionStorage和localStorage约5M左右
作用可以将数据永久存储在本地用户的电脑除非手动删除否则关闭页面也会存在
特性可以多窗口或页面共享同一浏览器可以共享以键值对的形式存储
如何使用
1存储数据localStorage.setItem(key,value)如果原本有这个数据则为改例如
localStorage.setItem(uname,pink老师) 在存储里面可以看到
2获取数据localStorage.getItem(key)注意参数键都要带引号值看情况
3删除数据localStorage.removeItem(key)
二、sessionStorage
特性1生命周期为关闭浏览器窗口
2在同一个窗口或页面下数据可以共享
3以键值对的形式存储使用
4用法跟localStorage基本相同
三、本地存储处理复杂数据
本地存储只能存字符串无法存储复杂数据类型
如何解决用JSON.stringify(对象)将其转换为字符串存进去
const obj{uname:pink老师,age:18,gender:男}// 如何存储复杂数据类型localStorage.setItem(obj,JSON.stringify(obj))console.log(localStorage.getItem(obj)) 存储之后如果直接用localStorage.getItem(obj)获取得到结果是无法直接使用的 可以用JSON.parse()将JSON字符串类型转换为
const strlocalStorage.getItem(obj)
console.log(JSON.parse(str))
