如何从LocalStorage中提取JSON对象的特定属性值？
- 内容介绍
- 文章标签
- 相关推荐
怎么说呢，
在前端开发中。往往需要把复杂的数据结构保存在浏览器的本地存储里。其实，最常用的方式就是把它们转换成 JSON 字符串存入 localStorage。但当你想从中取出一个特定属性时往往会遇到两大痛点：
- ①“我已经把数据存进了 localStorage，但怎么只拿到某个字段？”
- ②“如果属性不存在怎么办？我不想因为错误而导致页面崩溃。”
下面将一步步拆解方法，并给出完整可直接拷贝的代码。话说回来，
理解 LocalStorage 与 JSON 的关系
LocalStorage 是浏览器提供的持久化键值存储。只能保存字符串，要保存 JavaScript 对象，就必须先通过 JSON.stringify 把它转成字符串；说起来，读取时再用 JSON.parse 转回对象。
为什么要使用 JSON？
JSON 是一种轻量级的数据交换格式。既易于人读写，也易于机器解析。它可以让我们在本地存储中保持对象结构，而不是失去层级信息。
将对象存入 LocalStorage
假设我们有一个使用者信息对象：
const user = {
name这方面。怎么说呢，
在前端开发中。往往需要把复杂的数据结构保存在浏览器的本地存储里。其实，最常用的方式就是把它们转换成 JSON 字符串存入 localStorage。但当你想从中取出一个特定属性时往往会遇到两大痛点：
- ①“我已经把数据存进了 localStorage，但怎么只拿到某个字段？”
- ②“如果属性不存在怎么办？我不想因为错误而导致页面崩溃。”
下面将一步步拆解方法，并给出完整可直接拷贝的代码。话说回来，
理解 LocalStorage 与 JSON 的关系
LocalStorage 是浏览器提供的持久化键值存储。只能保存字符串，要保存 JavaScript 对象，就必须先通过 JSON.stringify 把它转成字符串；说起来，读取时再用 JSON.parse 转回对象。
为什么要使用 JSON？
JSON 是一种轻量级的数据交换格式。既易于人读写，也易于机器解析。它可以让我们在本地存储中保持对象结构，而不是失去层级信息。
将对象存入 LocalStorage
假设我们有一个使用者信息对象：
const user = {
name这方面。