LocalStorage 保存数组 - JavaScript

在 JavaScript 中，我们可以使用 localStorage 来保存本地数据，包括字符串、数字、对象等等。但是，使用 localStorage 来保存数组需要注意几个问题。

使用 JSON.stringify() 和 JSON.parse()

在将数组保存到 localStorage 中时，需要将数组转换为字符串。可以使用 JSON.stringify() 方法将数组转换为字符串，例如：

const arr = [1, 2, 3];
localStorage.setItem('myArray', JSON.stringify(arr));

在获取存储的数组时，需要将字符串转换为数组。可以使用 JSON.parse() 方法将字符串转换为数组，例如：

const storedArray = JSON.parse(localStorage.getItem('myArray'));

注意 localStorage 的数据大小限制

使用 localStorage 保存数组时需要注意 localStorage 数据大小的限制。不同浏览器对 localStorage 的数据大小限制不一样，有些浏览器限制为 5MB，有些浏览器限制为 10MB。

如果保存的数据超过了浏览器的限制，会导致数据无法保存。因此，建议对保存到 localStorage 中的数据进行合理的控制。

代码示例

下面是一个使用 localStorage 保存数组的示例：

// 将数组保存到 localStorage 中
const arr = [1, 2, 3];
localStorage.setItem('myArray', JSON.stringify(arr));

// 获取保存在 localStorage 中的数组
const storedArray = JSON.parse(localStorage.getItem('myArray'));
console.log(storedArray); // [1, 2, 3]

总结

使用 localStorage 保存数组时需要注意将数组转换为字符串和将字符串转换为数组的问题，同时也需要注意浏览器对 localStorage 数据大小的限制。