JavaScript 使用localStorage

Z时代
2024-01-10
分类：综合

示例

localStorage对象提供字符串的持久键值存储（但不是永久的，请参见下面的限制）。任何更改都可以立即在同一来源的所有其他窗口/框架中看到。除非用户清除保存的数据或配置到期限制，否则存储的值将无限期持久。localStorage使用类似于映射的界面来获取和设置值。

localStorage.setItem('name', "John Smith");
console.log(localStorage.getItem('name')); // "John Smith"
localStorage.removeItem('name');
console.log(localStorage.getItem('name')); // 空值

如果要存储简单的结构化数据，则可以使用JSON在字符串之间进行序列化以进行存储。

var players = [{name: "Tyler", score: 22}, {name: "Ryan", score: 41}];
localStorage.setItem('players', JSON.stringify(players));
console.log(JSON.parse(localStorage.getItem('players')));
// [ Object { name: "Tyler", score: 22 }, Object { name: "Ryan", score: 41 } ]