如何在 JavaScript 中从本地存储中获取数据

在面对 Web 应用程序时，有时需要在本地存储一些数据。而在 JavaScript 中，我们可以使用浏览器提供的 Web Storage API 来在客户端存储数据。Web Storage API 提供了两种存储数据的方式：localStorage 和 sessionStorage。

localStorage 允许您存储无限制的数据，这意味着即使用户关闭浏览器或计算机，数据也会一直保存在浏览器中。sessionStorage 允许您在会话期间存储数据，这意味着当用户关闭浏览器时，数据将被删除。

无论使用哪种存储方式，从 Web 存储中读取数据都是很容易的。下面是一些用于从本地存储中获取数据的 JavaScript 代码片段。

localStorage

要从 localStorage 中获取数据，只需使用 getItem() 方法，如下所示：

const data = localStorage.getItem('key');
console.log(data); // 打印值是存储在 'key' 中的数据

在上面的代码中，getItem() 方法接受一个参数 'key'，它代表要获取的数据的键值。如果找到键值为 'key' 的数据，则返回该数据。否则返回 null。

sessionStorage

要从 sessionStorage 中获取数据，只需使用 getItem() 方法，如下所示：

const data = sessionStorage.getItem('key');
console.log(data); // 打印值是存储在 'key' 中的数据

在上面的代码中，getItem() 方法接受一个参数 'key'，它代表要获取的数据的键值。如果找到键值为 'key' 的数据，则返回该数据。否则返回 null。

总结

以上就是在 JavaScript 中从本地存储中获取数据的方法。您只需要使用 getItem() 方法并传递一个键值就可以轻松地获取存储在 Web 存储中的数据。