js本地存储

localStorage

• 生命周期永久生效，除非手动删除 否则关闭页面也会存在
• 可以多窗口(页面)共享(同一浏览器可以共享)
• 以键值对的形式存储使用

localStorage 中的键值对总是以字符串的形式存储。 (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型).

存储数据

localStorage.setItem(key,value)

获取数据

localStorage.getItem(key)

删除数据

localStorage.removeItem(key)

删除所有数据

localStorage.clear()

Window.localStorage – Web API 接口参考 | MDN

存储复杂数据类型存储

本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地

JSON.stringify(复杂数据类型)

将复杂数据转换成JSON字符串

存储的时候使用

JSON.parse(JSON字符串)

将JSON字符串转换成对象

取出的时候使用

sessionStorage

• 生命周期为关闭浏览器标签页
• 在同一个窗口(页面)下数据可以共享
• 以键值对的形式存储使用
• 用法跟localStorage基本相同