如何将数组类型数据存储到localStorage中？

这个需求完全可以实现，不过你当前的写法存在问题：localStorage本身仅支持存储字符串类型的值，你直接传入数组的话，浏览器会自动调用数组的toString()方法将其转换为逗号分隔的纯字符串，后续取出时无法直接作为数组使用，也调用不了push()、filter()这类数组原生方法。

正确的实现方式是通过JSON序列化/反序列化做类型转换：

• 存储时用JSON.stringify()将数组转为标准JSON字符串

var listArray = [];
// 支持存储普通数字、字符串、布尔值、普通对象、嵌套数组结构
localStorage.setItem("cookie", JSON.stringify(listArray));

• 读取时用JSON.parse()将字符串还原为数组

// 兜底添加默认空数组，避免本地无存储数据时JSON.parse报错
var storedArray = JSON.parse(localStorage.getItem("cookie") || "[]");

注意：如果你的数组内包含Function、undefined、Symbol这类JSON标准不支持的类型，序列化过程中对应值会丢失，这类特殊场景需要你自行定制序列化逻辑处理

内容的提问来源于stack exchange，提问作者CeeBee