一、什么是 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类型的数据,不允许包含函数,如果需要则都必须先转为字符串形式.