JavaScript本地存储

一、本地存储介绍

随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。

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

---

二、本地存储分类

• localStorage

作用：

可以将数据永久存储在本地（用户的电脑），除非手动删除，否则关闭页面也会存在。

特性：

可以多窗口（页面）共享（同一浏览器可以共享）、以键值对的形式存储使用。

语法：

存储数据：

获取数据：

• sessionStorage

特性：

生命周期为关闭浏览器窗口

在同一个窗口（页面）下数据可以共享

以键值对的形式存储使用

用法跟localStorage基本相同

---

三、存储复杂数据类型

本地存储只能存储字符串，无法存储复杂数据类型。

解决：需要将复杂数据类型转换成JSON字符串，再存储到本地。

语法：JSON.stringify（复杂数据类型）

问题：因为本地存储里面取出来的是字符串，不是对象，无法直接使用。

语法：JSON.parse（JSON字符串）

将JSON字符串转换成对象，取出时候使用：