js将数组存到localStorage
时间: 2023-11-22 08:04:58 浏览: 174
JavaScript使用localStorage存储数据
5星 · 资源好评率100%
将数组存储到 `localStorage` 中的方法与存储普通数据类似,只需要将数组转换为字符串后再存储即可。通常我们可以使用 `JSON.stringify()` 方法将数组转换为字符串,使用 `JSON.parse()` 方法将其还原为原始数组。
以下是一个简单的示例,演示如何将数组存储到 `localStorage` 中:
```javascript
// 定义数组
var fruits = ["apple", "banana", "orange"];
// 将数组转换为字符串后存储到 localStorage 中
localStorage.setItem('fruits', JSON.stringify(fruits));
// 从 localStorage 中获取数据
var storedFruits = JSON.parse(localStorage.getItem('fruits'));
console.log(storedFruits); // ["apple", "banana", "orange"]
```
在该示例中,我们首先定义了一个名为 `fruits` 的数组。然后,我们使用 `JSON.stringify()` 方法将该数组转换为字符串,并将其存储到 `localStorage` 中。在存储时,我们将键名设置为 `fruits`,以便在需要时从 `localStorage` 中获取数据。
要从 `localStorage` 中获取存储的数组,我们使用 `JSON.parse()` 方法将存储的字符串还原为原始数组,并将其存储在 `storedFruits` 变量中。最后,我们将 `storedFruits` 打印到控制台上,以验证我们已成功从 `localStorage` 中获取了存储的数组。
阅读全文