【JSON 初级】

• 概述：

1. 前后台数据交换的格式标准
2. 一种优秀的“数据格式”，采用键值对的方式
3. 取数据，用键
4. 优势：比XML更小，更快，更容易解析
5. JSON是存储和交换文本信息的语法，类似XML
6. 工具：

• 网上有校验json数据，并提示错误。
• 将数据转化为json数据

• 语法规则：

1. 数据在  键（名称）：值   中
2. 键：要加‘’
3. 值：可以是字符串，数字，逻辑值，对象，数组，null

• 字符串：在‘’中
• 数字：整数或者浮点数，不加‘’
• 逻辑值：true或false
• 对象：{}
• 数组：[]
• null

1. 对象和数组可嵌套
2. 数据由逗号分隔
3. 大括号保存对象
4. 中括号保存数组

• 表示对象：

var people={"name": "John Doe", "age": 18, "address": {"country" : "china", "zip-code": "10000"}}

 

• 表示数组：

var people=[{"firstName": "Brett", "lastName":"McLaughlin"},      

{"firstName":"Jason","lastName":"Hunter"}]

• json对象遍历 for in

1. for  in  ——对键（名称）的获取

var myObj = { "name":"runoob", "alexa":10000, "site":null };

for (x in myObj) {

document.getElementById("demo").innerHTML += x + "
";

}

• json数组遍历

1. for in  —— 对值（value）的获取

myObj = {

"name":"网站",

"num":3,

"sites":[ "Google", "Runoob", "Taobao" ]

};

for (i in myObj.sites) {

 x += myObj.sites[i] + "
";

}

输出：

Google
Runoob
Taobao

• json修改值，删除元素

myObj.sites[1] = "Github";

delete myObj.sites[1];

• jQuery双重for循环

var x='';

   var myObj = {

        "name":"网站",

        "num":3,

        "sites": [

            { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },

            { "name":"Runoob", "info":[ "菜鸟教程", "菜鸟工具", "菜鸟微信" ] },

            { "name":"Taobao", "info":[ "淘宝", "网购" ] }

        ]

    }

    var arr = myObj.sites;

 /*  for (i in myObj.sites) {

       x += "
" + myObj.sites[i].name + "
";

       for (j in myObj.sites[i].info) {

           x += myObj.sites[i].info[j] + "
";

       }

   }

   */

   $.each(arr,function (i,item) {

       x += "
" + item.name + "
";

       $.each(arr[i].info,function (j,innerItem) {

           x +=innerItem + "
";

       })

   })

   document.getElementById("demo").innerHTML = x;

• Json.parse

从 JSON 对象中创建 JavaScript 对象

• JSON.stringify

将 JavaScript 对象转换为 JSON 字符串