json 数据和 前端 js 连用 (非复制,非转载,自己总结)

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

//对象 格式
{
    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)

打印结果
json 数据和 前端 js 连用 (非复制,非转载,自己总结)_第1张图片


  1. 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))   //再转

json 数据和 前端 js 连用 (非复制,非转载,自己总结)_第2张图片


如有疑问请在评论区提出

你可能感兴趣的:(javascript,json,javascript)