JSON、Storage

37 阅读1分钟

JSON

image.png

image.png

image.png

image.png

image.png

image.png

image.png

是一种数据格式,并不是变成语言,而是一种可以在客户端和浏览器之间传输的数据格式。

  • 常用方法
    • 序列化 stringify方法:将JavaS类型转成对应的JSON字符串
    • 反序列化 parse方法:解析JOSN字符串,转回对应的JavaScript类型
  • 应用场景

某些情况下,我们希望将JavaScript中的复杂类型转化成JSON字符串,方便对其进行处理。 比如:

  1. 我们希望将一个对象保存到localStorage中,但是如果直接存放一个对象,这个对象会被转化成 [object Object]格式的字符串,不是我们想要的结果;

  2. 在对后端进行传参时,后端无法解析数组类型。

前端可以将JavaScript中的复杂数据类型先序列化转成JSON字符串进行传参,然后拿到JSON字符串后反序列化成原来的数据类型进行使用。

let obj = {
    name: "qxy",
    age: 18,
    friend: {
        name: "james"
    }
}
==>
{
  "name": "qxy",
  "age": "18",
  "friend": {
      "name": "james"
  }
}
// 将对象转成字符串保存(序列化)
const objString = JSON.stirngify(obj)
localStorage.setItem("info",objString)

// 获取字符串转回对象(反序列化)
const itemString = localStorage.getItem("info")
const info = JSON.parse(itemString)

Storage

image.png

image.png

image.png