JavaScript 在 LocalStorage 中存储对象

LocalStorage 是 HTML5 引入的一种方式，允许浏览器在客户端本地以键值对的方式存储字符串数据。LocalStorage 是比 Cookies 更强大的存储机制，可以存储更多的数据，且不会在请求时发送到服务器。在前端开发中，LocalStorage 经常用于保存用户的个人设置、购物车数据等需要在不同的页面之间共享的数据。

在 LocalStorage 中存储对象时，我们需要使用 JSON 对象的 stringify() 和 parse() 方法，将一个复杂对象转化为字符串和将字符串转化为对象。

下面是一个使用 JavaScript 在 LocalStorage 中存储对象的示例：

// 存储对象到 LocalStorage
let user = { name: 'John', age: 30 };
localStorage.setItem('user', JSON.stringify(user));

// 从 LocalStorage 中获取对象
let retrievedUser = JSON.parse(localStorage.getItem('user'));
console.log(retrievedUser.name); // 输出 "John"

首先，我们创建一个名为 user 的对象，包含两个属性 name 和 age。接着，我们使用 JSON.stringify() 方法将这个对象转化为字符串，并通过 localStorage.setItem() 方法将其存储在 LocalStorage 中。另外，我们使用 JSON.parse() 方法将存储的字符串转化为对象，并将其存储在名为 retrievedUser 的变量中。最后，我们打印属性 name 的值，将输出 "John"。

总结：在 JavaScript 中，我们可以轻松地使用 LocalStorage 来存储对象，只需要将对象转化为字符串并存储在 LocalStorage 中，需要时再转化为对象即可。