如何在 LocalStorage 中正确存储和检索 JavaScript 数组？

如何在 LocalStorage 中存储数组

在 JavaScript 中使用数组时，在某些情况下需要持久存储来维护超出单个页面生命周期的数据加载。 LocalStorage 为此目的提供了一个方便的解决方案，但其独特的特性需要特定的方法来存储数组。

在给定的代码片段中，尝试使用语法 localStorage[names 直接在 localStorage 中存储数组]。但是，这种方法是不正确的，因为 localStorage 仅支持字符串。为了克服这个限制，解决方案在于使用 JSON.stringify() 将数组转换为字符串，然后将其保存到 localStorage。

这是更正的代码：

// Convert the array to a string using JSON.stringify()
var namesString = JSON.stringify(names);

// Store the string in localStorage
localStorage.setItem("names", namesString);

//...

// Retrieve the stored string from localStorage
var storedNamesString = localStorage.getItem("names");

// Convert the string back to an array using JSON.parse()
var storedNames = JSON.parse(storedNamesString);

或者，更简洁的方法是使用直接访问来设置和获取 localStorage 中的项目，如图所示如下：

// Convert the array to a string using JSON.stringify()
localStorage.names = JSON.stringify(names);

// Retrieve the stored string from localStorage
var storedNames = JSON.parse(localStorage.names);

通过使用 JSON.stringify() 和 JSON.parse()，您可以有效地在 localStorage 中存储和检索数组，确保数据的持久存储。

以上是如何在 LocalStorage 中正确存储和检索 JavaScript 数组？的详细内容。更多信息请关注PHP中文网其他相关文章！