JS-JSON

crainyday

前端 / JS

发布于：2019年4月20日

字数：702字

时长：2分钟

JSON — JavaScript Object Notation

一.JSON简介

JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)
JSON 是一个特殊的字符串, 它能被任意编程语言识别, 并可转换为任意语言中的对象
JSON 是轻量级的文本数据交换格式
JSON 使用 JavaScript 语法来描述数据对象, 但是 JSON 仍然独立于语言和平台. JSON 解析器和JSON 库支持许多不同的编程语言.

1.JSON与XML

JSON类似 XML(也是用来进行数据交换的)

JSON 是纯文本
JSON 具有“自我描述性”(人类可读)
JSON 具有层级结构(值中存在值)
JSON 可通过 JavaScript 进行解析
JSON 数据可使用 AJAX 进行传输

相比 XML 的不同之处

没有结束标签
更短
读写的速度更快
能够使用内建的 JavaScript eval() 方法进行解析
使用数组
不使用保留字

现在都用JS的JSON工具类来解析JSON

二.JSON语法

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

数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组

1.JSON名值对

JSON 数据的书写格式是: 名称/值对.

名称/值对包括字段名称(必须在双引号中), 后面写一个冒号, 然后是值:

1
2
3

"firstName" : "John";
//上面就等价于JS语句
firstName = "John";

2.JSON的值

数字(整数或浮点数)
字符串(在双引号中)
逻辑值(true 或 false)
数组(在方括号中)
对象(在花括号中)
null

3.JSON对象

JSON 对象在花括号中书写:
对象可以包含多个名称/值对:

1	'{"name":"孙悟空","age":500,"sex":"男","status":true}'

4.JSON数组

JSON 数组在方括号中书写:

1	'[1,2,3,4,5]'

JSON对象与数组可以嵌套

5.JSON文件

JSON 文件的文件类型是 “.json”
JSON 文本的 MIME 类型是 “application/json”

三.JSON与JS对象转换

1.JSON—>JS对象

JSON.parse()方法:
将指定JSON字符串转换为JS对象并返回

eval()函数:
这个函数可以用来执行一段字符串形式的JS代码, 并将执行结果返回

//法1:
var jstr = '{"name":"孙悟空","age":500,"sex":"男","status":true}';
var obj = JSON.parse(jstr);
console.log(typeof obj);//object
console.log(obj.name);//孙悟空
//IE7及以下浏览器不支持JSON类,可以用法2
//法2:
var obj2 = eval("("+jstr+")");
console.log(typeof obj2);//object
console.log(obj2.name);//孙悟空

2.JS对象—>JSON

JSON.stringify()方法:
将指定JS对象转换为JSON字符串并返回

var obj = {name:"孙悟空",age:500,sex:"男",status:true};
var jstr = JSON.stringify(obj);
console.log(typeof jstr);//string
console.log(jstr);//'{"name":"孙悟空","age":500,"sex":"男","status":true}'