# TypeScript - 从本地存储中获取对象

在 TypeScript 中，我们可以使用本地存储来存储和检索对象。本地存储是一种浏览器提供的机制，用于在浏览器会话间保留数据。

## 使用 `localStorage` 存储对象

要将对象存储到本地存储中，我们首先需要将对象转换为字符串。可以使用 `JSON.stringify()` 方法将对象转换为 JSON 格式的字符串。

以下是一个示例，演示如何将对象存储到本地存储中：

```typescript
const user = {
  name: "John Doe",
  age: 25,
};
const userJson = JSON.stringify(user);
localStorage.setItem("user", userJson);

在上面的示例中，我们创建了一个名为 user 的对象，并将其转换为 JSON 字符串。然后，我们使用 localStorage.setItem() 方法将 JSON 字符串存储在名为 user 的键下。

从 localStorage 获取对象

要从本地存储中检索对象，我们需要首先获取存储的 JSON 字符串，然后将其转换回对象。可以使用 JSON.parse() 方法将 JSON 字符串转换为 JavaScript 对象。

以下是一个示例，演示如何从本地存储中检索对象：

const userJson = localStorage.getItem("user");
const user = JSON.parse(userJson);
console.log(user);

在上面的示例中，我们使用 localStorage.getItem() 方法从存储中获取名为 user 的 JSON 字符串，并使用 JSON.parse() 将其转换为 JavaScript 对象。然后，我们通过 console.log 打印出获取到的用户对象。

请注意，从本地存储中获取对象时，需要处理可能出现的异常情况。如果存储中没有找到对应的键，localStorage.getItem() 方法将返回 null。

总结

通过使用本地存储和 JSON 字符串的转换，我们可以在 TypeScript 中存储和检索对象。将对象转换为字符串并存储在本地存储中，然后从本地存储中检索并将其转换回对象。这是一种简单但有效的方法来在浏览器会话间保留数据。