API本地存储

---

本地存储

介绍

1.数据存储在用户浏览器中
2.设置、读取方便、甚至页面刷新不丢失数据
3.容量较大，sessionStorage和localStorage约5M左右

分类

• localStorage
  作用：可以将数据永久存储在本地（用户的电脑），除非手动删除，否则关闭页面也会存在
  特性：
  1.可以多窗口共享
  2.以键值对的形式存储使用
  语法：
  存储数据：localStorage.setItem(key,value)
  获取数据：localStorage.getItem(key)
  删除数据：localStorage.removeItem(key)
• sessionStorage
  特性：
  1.生命周期为关闭浏览器窗口
  2.在同一个窗口下数据可以共享
  3.以键值对的形式存储使用
  4.用法跟localStorage基本相同

存储复杂数据类型

本地存储只能存储字符串，无法存储复杂数据类型
语法：JSON.stringify(复杂数据类型)
将复杂数据类型转换成JSON字符串，再存储到本地
JSON对象，属性和值有引号，而且引号统一是双引号
例如：

const goods = {
	name:'xiaomi'
	price:1999
}
localStorage.setItem('goods',JSON.stringify(goods))

获取复杂数据类型
语法：JSON.parse(JSON字符串)