localStorage及JSON.stringify()和JSON.parse()使用方法

文章是本人闲时所写，方便自己以后查阅，如若有幸被您阅读的话，备感荣幸，文章仅为个人理解，如内容有误还望告知，感谢！！！

1.定义

• localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
• localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localstorage是以key:value对的形式来存储数据，而且value值必须是string类型。
• 提示: 如果你只想将数据保存在当前会话中，可以使用 sessionStorage 属性，改数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

2.语法

保存数据语法：

localStorage.setItem("key", "value");
localStorage.setItem('cart', JSON.stringify(state.cart));//实例代码

读取数据语法：

var lastname = localStorage.getItem("key");
var cart = JSON.parse(localStorage.getItem('cart') || '[]');//实例代码

JSON.stringify()和JSON.parse()

在我们做购物车相关业务时，我们往localstorage中持久化数据的时候，只能存储字符串，所以，如果待存储的数据是个js对象，那么就需要使用JSON.stringify()转换成字符串，然后再进行本地化存储。

1. JSON.parse() 将 JavaScript 对象表示法 (JSON) 字符串转换为JSON对象。
2. JSON.stringify() 将 JSON对象 转换为 JavaScript 对象表示法 (JSON) 字符串。

var cart = [{id: "102", price: 5528}, {id: 101,price: 268}];
localStorage.setItem('cart', JSON.stringify(cart));

来源：CSDN

作者：写代码上瘾啊

链接：https://blog.csdn.net/weixin_45786214/article/details/104174243