一、什么是 JSON ？

• JSON 是 JavaScript 对象表示法（全称JavaScript Object Notation）,类似于XML.
• JSON 是轻量级的文本数据交换格式,它比 XML 更小、更快，更易解析。
• JSON 独立于语言
• JSON 具有自我描述性，更易理解

JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON库支持许多不同的编程语言。
语法规则:

JSON 语法是 JavaScript 对象表示法语法的子集。

• 数据在以键值对的形式存在 (必须要使用双引号): "name":"张三"
• 可以包含多个键值对,数据由逗号分隔: { "firstName":"John" , "lastName":"Doe" }
• 花括号保存对象
• 方括号保存数组

JSON实例:

{
"employees": [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName":"Carter" }
]
}

二、JSON和XML处理数据的区别

首先我们学习JSON的,就需要搞清楚我们为什么使用 JSON？

JSON 通常是用来进行前后端的数据交互的一种数据格式.

服务端转换成一个JSON格式的数据接口(作为文件或作为 HttpRequest),然后从 web 服务器上读取,然后将读取到的 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

使用 XML步骤

• 读取 XML 文档
• 使用 XML DOM 来循环遍历文档
• 读取值并存储在变量中

使用 JSON步骤

• 读取 JSON 字符串
• 用 eval() 处理 JSON 字符串

JSON和XML,都可以用来接收服务端的数据,xml需要通过xml解析器解析,而json可以直接js语法来进行解析

二、JSON数据转换

JSON字符串转为JS对象

1、eval()

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数在js当中可编译并执行任何 JavaScript 代码。

2、JSON.parse()

JSON.parse()是专门用来解析JSON字符串并返回对应的值

var txt = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"George" , "lastName":"Bush" },' +
'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
var obj = eval ("(" + txt + ")"); //必须把文本包围在括号中，这样才能避免语法错误：
console.log(JSON.parse(txt));

JS对象转为JSON字符串

3、JSON.stringify()
JSON.stringify()是用来返回与指定值对应的JSON字符串

let a = {"name":"tom"}
console.log(typeof JSON.stringify(a));		//'{"name":"tom"}'

JSON不能够存储Data类型的数据,不允许包含函数,如果需要则都必须先转为字符串形式.