Window localStorage 属性

什么是 localStorage？

localStorage 是一个 Window 对象的属性，它允许我们在浏览器中存储键值对数据。这些数据是以字符串形式存储的，因此在存储和读取时需要进行相应的数据类型转换。

如何使用 localStorage？

存储数据

要在 localStorage 中存储数据，我们可以使用 setItem(key, value) 方法，其中 key 是要存储的数据的键，value 是要存储的数据的值。示例代码如下：

localStorage.setItem('username', 'john_doe');

读取数据

要从 localStorage 中读取数据，我们可以使用 getItem(key) 方法，其中 key 是要读取数据的键。示例代码如下：

const username = localStorage.getItem('username');
console.log(username); // 输出：john_doe

删除数据

要从 localStorage 中删除数据，我们可以使用 removeItem(key) 方法，其中 key 是要删除数据的键。示例代码如下：

localStorage.removeItem('username');

清空数据

要清空 localStorage 中的所有数据，我们可以使用 clear() 方法。示例代码如下：

localStorage.clear();

注意事项

• localStorage 中存储的数据是以字符串形式存储的，因此在存储和读取时需要进行适当的数据类型转换。
• localStorage 的存储容量一般为 5MB，因此在存储大量数据时需要注意容量限制。
• localStorage 中存储的数据是永久性的，除非用户手动清空浏览器缓存或使用 clear() 方法清空数据。

总结

localStorage 是一个非常有用的工具，可以让我们在用户的浏览器中永久性地存储数据。通过合理地使用 localStorage，我们可以为用户提供更好的浏览体验。希望本文对你有所帮助！