JavaScript的本地存储之localStorage

2020年4月21日 pm3:27 • js基础 • 阅读 271

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

localStorage的使用方法

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

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

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

// localStorage.getItem('标识符');

let res = localStorage.getItem('order');

console.log(res)

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

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

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

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

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

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

console.log(obj)

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)

let str = [{"id": 1, "name": "seabert"}]

str = JSON.parse(str)

console.log(str)

这些信息可能会帮助到你：外卖返钱 | 捐赠我们

原创文章，作者：宋小羽，如若转载，请注明出处：https://bysjb.cn/localstorage.html