JSON基础 学习打卡

思维导图

JSON介绍

1、JavaScript Object Notation（JavaScript对象表示法）
2、JSON是轻量级的文本数据交换格式
3、JSON独立于语言，具有自我描述性，更加容易理解

语法

{
"sites":[
  {"name":"渡课网","url":"www.dodoke.com"},
  {"name":"百度网","url":"www.baidu.com"},
  {"name":"网易","url":"www.163.com"}
]
}

语法规则

1、数据有键（key）值（value）对描述，由逗号分隔
2、大括号代表一个完整的对象，拥有多个键值对
3、中括号保存数组，多个对象之间使用逗号分隔

员工信息表案例

[
  {
    "empno":7369,
    "ename":"李宁",
    "job":"软件工程师",
    "hiredate":"2017-05-12",
    "salary":13000,
    "dname":"研发部"
  },
  {
    "empno":7499,
    "ename":"王乐",
    "job":"客户经理",
    "hiredate":"2018-04-12",
    "salary":10000,
    "dname":"市场部",
    "customers":[
      {
        "cname":"李东"
      },{
        "cname":"刘楠"
      }
    ]}
];

拓展部分

1、JSON是浏览器内置对象，JavaScript支持两种方法解析
2、ie8之前对json不是很好的支持

JSON与字符串相互转换

JSON，parse() 方法将字符串转换成JSON对象

<script type="text/javascript">
    var str = "{\"class_name\":\"五年级四班\"}";
    var json = JSON.parse(str);
    console.log(str);
    console.log(json);
    document.write("班级:"+json.class_name);
  </script>

注意：字符串中的json格式千万不能写错，var str = “{}” var str = {};

JSON.stringify() 方法将JSON对象转换成字符串

var json1 = {"class_name":"五年级四班"};
    var str1 = JSON.stringify(json1);
    console.log(json1);
    console.log(str1);

初始化json对象的方式

var json = {};
    json.class_name = "五年级三班";
    json.floor = "求学楼";
    json.teacher = "王老师";
    console.log(json);