在前端开发中，`localStorage` 是一个非常实用的功能，用于持久化存储数据。然而，在使用它存储 JSON 对象时，可能会遇到一些小问题。例如，当我们尝试直接将 JSON 对象存入 `localStorage` 时，会发现它无法正常工作，因为 `localStorage` 只能存储字符串类型的数据。

正确的做法是先用 `JSON.stringify()` 方法将 JSON 对象转换为字符串，然后再存储到 `localStorage` 中。比如：

```javascript

const data = { name: "Alice", age: 25 };

localStorage.setItem("userData", JSON.stringify(data));

```

当需要取出数据时，则需要用 `JSON.parse()` 将其转回为 JSON 对象：

```javascript

const storedData = JSON.parse(localStorage.getItem("userData"));

console.log(storedData.name); // 输出 "Alice"

```

此外，还需要注意的是，`localStorage` 的容量有限（通常为 5MB 左右），因此不要存储过大的数据。如果数据量较大，可以考虑分块存储或者使用 IndexedDB 📊。掌握这些技巧后，就能更高效地利用 `localStorage` 来管理应用中的数据啦！🚀

标 签：