将数组添加到本地存储 - Javascript

在Javascript中，我们可以使用本地存储来将数据保存到用户的浏览器中。可以使用HTML5 Web存储API来实现本地存储，其中包括localStorage和sessionStorage对象。localStorage对象可以用来将数据存储在用户的浏览器中，即使用户关闭了浏览器，数据也会被保留。在本文中，我们将介绍如何将数组添加到本地存储中。

添加数组到本地存储

要将数组添加到本地存储中，我们需要使用以下代码：

// 定义一个数组
var arr = ['Apple', 'Banana', 'Orange'];

// 将数组转换成JSON格式
var json = JSON.stringify(arr);

// 将JSON格式添加到本地存储中
localStorage.setItem('fruits', json);

在这段代码中，我们首先定义一个数组arr，它包含三种水果名称。接下来，我们使用JavaScript内置的JSON.stringify()函数将数组转换成JSON格式的字符串。最后，我们将JSON格式的字符串添加到本地存储中，使用localStorage.setItem()函数，其中第一个参数是键名，第二个参数是值。

从本地存储获取数组

要从本地存储中获取数组，我们需要使用以下代码：

// 从本地存储获取键名为fruits的值
var stored = localStorage.getItem('fruits');

// 将JSON格式的字符串转换回数组
var arr = JSON.parse(stored);

// 显示数组的内容
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

在这段代码中，我们首先使用localStorage.getItem()函数从本地存储中获取键名为fruits的值，该值是一个字符串类型。然后我们使用JSON.parse()函数将该字符串转换为数组。最后，我们使用一个for循环来显示该数组中的内容。

总结

通过使用上述代码，可以轻松地将数组添加到本地存储中，并从本地存储中获取数组。请记住，如果存储的值比较大，这可能会影响应用程序的性能。因此，应根据需求选择适当的存储方式。