本地存储 JavaScript 对象

JavaScript 是一种广泛使用的编程语言，它提供了许多可以帮助你存储和访问数据的方法。其中一种方法是使用本地存储功能。

什么是本地存储？

本地存储允许你在用户的浏览器中存储数据。这意味着当用户关闭其浏览器或离开您的网站时，您所存储的数据不会丢失。本地存储比使用 cookies 更安全，因为 cookies 可以被篡改或删除。

localStorage 对象

localStorage 对象是一种用于在浏览器中存储数据的方法。它允许您存储键值对，其中键和值都必须是字符串。以下是如何使用 localStorage 对象：

// 储存数据
localStorage.setItem('key', 'value');

// 检索数据
localStorage.getItem('key');

// 删除数据
localStorage.removeItem('key');

您还可以使用 localStorage.length 属性来检索存储数据的总数，和使用 localStorage.clear() 方法来删除所有存储的数据。

sessionStorage 对象

sessionStorage 对象与 localStorage 对象非常相似，但是它仅在当前会话中有效。这意味着当用户关闭他们的浏览器标签页或窗口时，存储在 sessionStorage 中的数据将被删除。

使用方法与 localStorage 完全相同：

// 储存数据
sessionStorage.setItem('key', 'value');

// 检索数据
sessionStorage.getItem('key');

// 删除数据
sessionStorage.removeItem('key');

总结

JavaScript 提供了两种可靠的方法，可用于在浏览器中存储数据：localStorage 对象和 sessionStorage 对象。这些对象都遵循相同的 API，因此您可以轻松地将它们用于您的 Web 应用程序。本地存储是一种很有用的工具，因为可以让您保存用户数据以持久使用。