JSON用法详解

目录

1.JSON

2.JSON的表示方式

1）对象表示

2）数组

3）复杂表示法（对象+数组）

3.JSON文件注意事项

1）不可以将数据赋给一个变量

2）键和字符型值（数值型，布尔型，null，undefined（一般没有）之外）必须用双引号引起来，不能用单引号或者不用引号

3）不允许出现分号和多余的的逗号

4）不能出现注释语句

5）文件的扩展名必须是.json

1.JSON

JSON（Javascript Object Notation：JS对象简谱）是一种轻量级的数据交换格式。

JSON是由ECMA（欧洲计算机协会）制定的一个数据表示规范，是ECMAScript的一个子集。采用独立于编程语言的文本格式来存储和表示数据

表示数据结构清晰，简洁，易于阅读和解析。

逐渐取代了XML数据格式

他实际上就是一个对象或数组，或对象中含有数组，或数组中含有对象。

2.JSON的表示方式

1）对象表示

var obj = {
      id: "0082648",
      name: "Tom",
      sex: "male",
      age: "18",
      addr: "ShenZhen",
    };
//添加数据
var dataTable = $(
      "<tr><td>" +
        obj.id +
        "</td><td>" +
        obj.name +
        "</td><td>" +
        obj.sex +
        "</td><td>" +
        obj.age +
        "</td><td>" +
        obj.addr +
        "</td></tr>"
    );
    $(".employee").append(dataTable);

2）数组

var score = [78, 89, 90, 100, , 56, 88];
//添加数据
score.forEach(function (value, index) {
      $(".score").append("<li>" + value + "</li>");
    });

3）复杂表示法（对象+数组）

  var studentsData = [
      {
        id: "13082648",
        name: "Tom",
        sex: "male",
        age: "18",
        score: [78, 89, 90, 100, 33, 56, 88],
        addr: "ShenZhen",
      },
      {
        id: "12482648",
        name: "Jek",
        sex: "female",
        age: "18",
        score: [78, 99, 90, 10, 94, 96, 88],
        addr: "ShangHai",
      },
      {
        id: "0082648",
        name: "Mare",
        sex: "male",
        age: "19",
        score: [48, 39, 90, 100, 45, 56, 88],
        addr: "BeiJing",
      },
    ];
    //渲染数据
    for (var i in studentsData) {
      var data = $(
        "<tr><td>" +
          studentsData[i].id +
          "</td><td>" +
          studentsData[i].name +
          "</td><td>" +
          studentsData[i].sex +
          "</td><td>" +
          studentsData[i].age +
          "</td><td>" +
//studentsData[i].score+或
studentsData[i].score.join(" ")+
          "</td><td>" +
          studentsData[i].addr +
          "</td></tr>"
      );
      //倒序添加数据
      $(".studens").prepend(data);
    }

3.JSON文件注意事项

1）不可以将数据赋给一个变量

2）键和字符型值（数值型，布尔型，null，undefined（一般没有）之外）必须用双引号引起来，不能用单引号或者不用引号

3）不允许出现分号和多余的的逗号

4）不能出现注释语句

5）文件的扩展名必须是.json

代码如下：

[
    {
      "id": "13082648",
      "name": "Tom",
      "sex": "male",
      "age": 18,
      "score": [78, 89, 90, 100, 33, 56, 88],
      "addr": "ShenZhen"
    },
    {
      "id": "12482648",
      "name": "Jek",
      "sex": "female",
      "age": 18,
      "score": [78, 99, 90, 10, 94, 96, 88],
      "addr": "ShangHai"
    },
    {
      "id": "0082648",
      "name": "Mare",
      "sex": "male",
      "age": 19,
      "score": [48, 39, 90, 100, 45, 56, 88],
      "addr": "BeiJing"
    }
  ]