一.JSON语法

重点:

1.简单值里面不包括undefined !!!

2.JSON字符串必须使用双引号,单引号会导致语法错误。

3.JSON与JS对象的不同之处:JSON不用声明变量,不用分号结束,属性名必须用双引号包裹。

二,JSON序列化与反序列化

1.JSON.stringify()

const info = {
    name: 'lx',
    age: 24,
    hobby: ['tv', 'shopping']
  }
  const jsonText = JSON.stringify(info)
  console.log(jsonText) // {"name":"lx","age":24,"hobby":["tv","shopping"]}

JSON.stringify()的第二个参数,相当于过滤器,可以是数组或者函数,数组里有什么就返回什么。

const info = {
    name: 'lx',
    age: 24,
    hobby: ['tv', 'shopping']
  }
  // 数组
  const jsonText2 = JSON.stringify(info, ['name', 'hobby'])
  console.log(jsonText2) // {"name":"lx","hobby":["tv","shopping"]}
  // 函数
  const jsonText3 = JSON.stringify(info, (key, value) => {
    switch (key) {
      case 'name':
        return 'lxlx'
      case 'hobby':
        return value.join()
      case 'age':
        return undefined
      default:
        return value
    }
  })
  console.log(jsonText3) // {"name":"lxlx","hobby":"tv,shopping"}当值为undefined时不显示

JSON.stringify()的第三个参数用来控制缩进,第三个参数可以是数值或者字符串,且不大于10,数值大于10,当成0来处理,字符串大于10,只截取前10位

const info = {
    name: 'lx',
    age: 24,
    hobby: ['tv', 'shopping']
  }
  const jsonText3 = JSON.stringify(info, null, 8)
  console.log(jsonText3)
  {
        "name": "lx",
        "age": 24,
        "hobby": [
                "tv", 
                "shopping"
        ]
}
  const jsonText4 = JSON.stringify(info, null, '--')
  console.log(jsonText4)
  {
--"name": "lx",
--"age": 24,
--"hobby": [
----"tv",
----"shopping"
--]
}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐