1. JSON 是什么？

• JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
• JSON 是轻量级的文本数据交换格式
• JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。
• JSON 具有自我描述性，更易理解

2. JSON 的语法规则是怎样的？

• JSON 语法是 JavaScript 对象表示语法的子集。
• 数据在名称/值对中
• 数据由逗号分隔
• 大括号 {} 保存对象
• 中括号 [] 保存数组，数组可以包含多个对象

{
    "name": "xdr630",
    "favorite": "programming"
}

3. JSON 和 XML

JSON常被拿来与XML做比较，因为JSON 的诞生本来就多多少少要有取代XML的意思。相比 XML，JSON的优势如下:

• 没有结束标签,长度更短,读写更快
• 能够直接被JavaScript解释器解析
• 可以使用数组

两者比较

• JSON：

{
    "name":"兮动人",
    "age":22,
    "fruits":["apple","pear","grape"]
}

• XML：

<root>
    <name>兮动人</name>
    <age>22</age>
    <fruits>apple</fruits>
    <fruits>pear</fruits>
    <fruits>grape</fruits>
</root>

4. JSON的解析和生成（JSON 和 JS 对象互转）

• 在JavaScript中，有两个方法与此相关: JSON.parse和 JSON.stringify 。
  JSON 和 JS 对象互转

1. 要实现从JSON字符串转换为JS对象，使用 JSON.parse() 方法：

<script>
    var str = '{"name": "兮动人","age":22}';
    var obj = JSON.parse(str);
    console.log(obj);
</script>

要实现从JS对象转换为JSON字符串，使用 JSON.stringify() 方法：

<script>
    var str = '{"name": "兮动人","age":22}';
    var obj = JSON.parse(str);
    console.log(obj);
    var jsonstr = JSON.stringify(obj);
    console.log(jsonstr);
</script>

5、JSON格式规定

5.1、对象（0bject)

对象用大括号(“{}”）括起来，大括号里是一系列的“名称/值对”，请看概念图。

两个并列的数据之间用逗号(“,”）隔开，注意两点:

使用英文的逗号（“,”)，不要用中文的逗号(“，”)

最后一个“名称/值对“之后不要加逗号

5.2、数组（Array）

• 数组表示一系列有序的值，用方括号(“[]”)包围起来，并列的值之间用逗号分隔，请看概念图。

例如，以下的数组是合法的:

[1,2,"three","four",true,false,null,[1,2],{"name":"兮动人"}]

5.3、名称/值对（Name/Value）

• 名称（Name）是一个字符串，要用双引号括起来，不能用单引号，也不能没有引号，这一点与JavaScript不同。
• 值的类型只有七种:字符串（string)、数值(number)、对象（object)、数组（array), true、false、null。不能有这之外的类型，例如undefined、函数等。请看概念图。

字符串（string）的规则如下:

1. 英文双引号括起来,不能用单引号，也不能没有。
2. 字符串中不能单独出现双引号（”）和右斜杠（“\“)。
3. 如果要打双引号或右斜杠，需要使用“右斜杠+字符”的形式，例如\”和\\，其它的转义字符也是如此字符串的概念图。

6、字符串转化成对象

• 解析：是指将符合JSON 语法规则的字符串转换成对象的过程。
• 不同的编程语言都提供了解析JSON字符串的方法，在这里主要讲解JavaScript中的解析方法。主要有三种:

1. 使用eval()
2. 使用JSON.parse()
3. 使用第三方库,例如JQuery等

6.1、 eval()

• eval(）函数的参数是一个字符串，其作用是直接执行其中的 JavaScript代码。

案例：eval()解析字符串

<script>
  var str = "console.log('hello')";
  eval(str);
</script>

• eval 解析字符串的结果：

• eval(）能够解析JSON字符串。从这里也可以看得出，JSON 和JavaScript是高度嵌合的。
• 案例：eval()解析JSON字符串

<script>
  var str = '{"name":"兮动人","age":22}';
  var obj = eval("("+str+")");
  console.log(obj)
</script>

• 但是,现在已经很少直接使用eval()来解析了，如果您的浏览器版本真的是很旧，可能才需要这个方法。此外，eval()是一个相对危险的函数，因为字符串中可能含有未知因素。在这里，作为学习，还是要知道这也是一种方法。
• 请注意 eval()的参数，在字符串两旁加了括号，这是必须的，否则会报错。
• 因为JSON字符串是被大括号（“{}”）包围的，直接放到 eval()会被当成语句块来执行，因此要在两旁加上括号，使其变成表达式。

6.2、JSON. parse()

• 现在绝大多数浏览器都以支持JSON.parse()，是推荐使用的方式。
• 如果输入了不符合规范的字符串,会报错。

案例：JSON字符串转换为JS对象

<script>
    var str = '{"name":"兮动人","age":22}';
    var obj = JSON.parse(str)
    console.log(obj)
</script>

• JSON.parse()可以有第二个参数，是一个函数。此函数有两个参数:name和value，分别代表名称和值。当传入一个JSON字符串后，JSON的每一组名称/值对都要调用此函数。该函数有返回值，返回值将赋值给当前的名称(name)。
• 利用第二个参数，可以在解析JSON字符串的同时对数据进行一些处理。

案例：

<script>
    var str = '{"name":"兮动人","age":22}';
    var obj = JSON.parse(str,fun);
    function fun(name,value){
        console.log(name+":"+value);
        return value
    }
    console.log(obj)
</script>

可以做判断处理，当JSON字符串的 name=age 时，设置age的value=14

<script>
    var str = '{"name":"兮动人","age":22}';
    var obj = JSON.parse(str,fun);
    function fun(name,value){
    if (name ** "age")
        value = 14;
        return value
    }
     console.log(obj)
</script>