localStorage存储数组以及取数组方法 📋🔄

导读 随着前端开发的深入,`localStorage` 已成为我们储存数据的好帮手。不过,直接用 `localStorage.setItem()` 存储数组会出问题哦!因为它...

随着前端开发的深入,`localStorage` 已成为我们储存数据的好帮手。不过,直接用 `localStorage.setItem()` 存储数组会出问题哦!因为它只支持存储字符串类型的数据。所以,我们需要先将数组转换为 JSON 字符串,再存入 `localStorage`。比如:

```javascript

let myArray = ["苹果", "香蕉", "橙子"];

localStorage.setItem("fruits", JSON.stringify(myArray));

```

当我们需要取出数组时,事情就变得有趣了!由于从 `localStorage` 取出的数据是字符串形式,我们需要用 `JSON.parse()` 将其还原成数组:

```javascript

let storedFruits = JSON.parse(localStorage.getItem("fruits"));

console.log(storedFruits); // ["苹果", "香蕉", "橙子"]

```

这种方法不仅适用于数组,还能轻松处理对象和其他复杂数据结构!💡

这样,我们就完成了数组的存储与读取,是不是超级简单?🌟