HTML5 在 LocalStorage 中存储对象 - JavaScript

介绍

LocalStorage 是 HTML5 中的一个新功能，它允许我们在客户端存储 string 数据，并能够持久化存储数据。LocalStorage 的优势在于它可以在浏览器关闭后仍然存在，并且可以在同一域名下共享数据。

然而，LocalStorage 只支持 string 类型的数据，因此如果我们想要存储对象，则必须先将其序列化为 string 类型，然后再存储到 LocalStorage 中。这里我们可以使用 JSON.stringify() 将对象序列化为 string 类型，然后使用 JSON.parse() 将 string 类型反序列化为对象。

下面是一个示例，在 LocalStorage 中存储一个对象：

// 定义一个对象
var user = {
  name: 'John Doe',
  age: 30,
  email: 'john.doe@example.com'
};

// 将对象序列化为 string 类型
var userStr = JSON.stringify(user);

// 存储到 LocalStorage 中
localStorage.setItem('user', userStr);

// 获取 LocalStorage 中的对象
var userStr = localStorage.getItem('user');
var user = JSON.parse(userStr);

小结

LocalStorage 提供了一种持久化存储数据的方式，可以在客户端存储 string 类型的数据。如果想要存储对象，则需要先将其序列化为 string 类型，然后再存储到 LocalStorage 中。在获取存储的对象时，需要将 string 类型反序列化为对象。