json 数据和 前端 js 连用 （非复制，非转载，自己总结）

json 格式

• 是一个 {} 或者 []
  • 字符串里面的内容可以和对象长得一摸一样
  • 但是key 和 value必须由双引号包裹
  • 只有当 值 是 数字或者 布尔值的时候 可以不用双引号
  • 最后一个数据或者最后一个对象不能加 ，

---

//对象 格式
{
    name: 'Jack',
    age: 18,
    gender: '男'
}

或者

//对象+对象 格式
{
   "ob":{
         "name": "张",
         "age": 18,
         "sex": "男"
        }
}

或者

//对象 + 数组 格式
{
    "arr":[
        {
            "name": "张",
            "age": 18,
            "sex": "男"
        },
        {
            "name":"张",
            "age": 18,
            "sex": "男"
        }
    ]

}

或者

//数组 + 对象 格式
[
      {
        name: 'Jack',
        age: 18,
        gender: '男'
      },
      {
        name: 'Rose',
        age: 20,
        gender: '女'
      }
]

注意：不要使用 script 标签引用外部 json 文件，会报格式错误

转换

1. 把 JS 格式的对象或者数组转换成json格式的字符串 ----------- JSON.stringify(xxx)

let obj = {
    name: "张",
    age: 18,
    sex: "男"
}
let a = JSON.stringify(obj)
console.log(a)

打印结果：

---

2. 把json 格式的字符串转换成 JS 格式的数组或者对象 ------- JSON.parse(xxx)

• 既然上面已经转换为 json 格式了，那咱们就把 json 格式再转js 格式
  • 注意：
    • 本来时 js 格式就不要再转 js 格式了，会报错的
    • 本来是 json 格式再转为 json 格式，内容不会发生任何变化，也不会报错

let obj = {
    name: "张",
    age: 18,
    sex: "男"
}
let a = JSON.stringify(obj)   //转
console.log(a)               
console.log(JSON.parse(a))   //再转

---

如有疑问请在评论区提出