JavaScript的本地存储之localStorage

localStorage类似于sessionStorage，区别在于localStorage可以永久存储，且支持跨浏览器访问，而sessionStorage在页面被关闭时，存储在里面的数据就会被清除。

localStorage的使用方法

增加

// localStorage.setItem('标识符', 'JSON字符串数据');
localStorage.setItem('order', '{"goods_id":449,"count":1}');

读取

// localStorage.getItem('标识符');
let res = localStorage.getItem('order');
console.log(res)

删除单个

// localStorage.removeItem('标识符');
ocalStorage.removeItem('order');

删除全部

// localStorage.clear();
ocalStorage.clear();

JSON对象与字符串的转化

localStorage 存入的数据只能是字符串的形式，无法存储复杂数据类型，因此需要将复杂数据类型转换成JSON字符串存储到本地。

对象转成字符串

let obj = {"id": 1, "name": "seabert"}
obj = JSON.stringify(obj)

console.log(obj)

字符串转成对象

let str = [{"id": 1, "name": "seabert"}]
str = JSON.parse(str)

console.log(str)