JS语言学习——JSON

JSON是 JavaScript Object Notation的缩写，它是一种数据交换格式。

在JSON出现前，大家一直用XML来传递数据，因为XML是一种纯文本格式，适合在网络上传递数据，但是XML加上一堆复杂的规范（诸如DTD,XPath等）以后，就变得极为复杂起来，所以在2002年Douglas Crockford为了解决这类问题，发明了JSON这种超轻量级的数据交换格式。

在JSON中，一共有以下几种数据类型：

number:和JS中的number完全一致
boolean:就是JS中的true和false
string:同JS中的string
null:同JS中的Null
array:就是JS中的array的表示方式——[ ]
object:就是JS中的{....}表达方式
以及以上类型的任意组合

JSON还定死了字符集必须是UTF-8，表示多语言就没有问题了。为了统一解析，JSON的字符串规定必须用双引号" "，object的键也必须用" "。

任何JS对象变成JSON，就是把这个对象序列化成一个JSON格式的字符串，这样才能够通过网路传递给其它计算机；反之，如果我们收到一个JSON格式的字符串，只需要将它反序列化为一个JS对象，就可以在JS中直接使用这个对象了。

序列化
例程：

'use strict';

var xiaoming = {
	name: '小明’，
	age: 14,
	gender: true,
	height:1.65,
	grade:null,
	'middle-schol': '\"W3C\" Middle School' ,
	skills: ['JavaScript', 'Java', 'Python', 'Lisp']
};
var s = JSON.stringify(xiaoming);
console.log(s);
// {"name":"小明","age":14,"gender":true,"height":1.65,"grade":null,"middle-school":"\"W3C\" Middle School","skills":["JavaScript","Java","Python","Lisp"]}

要输出得好看一些，可以加上参数，按缩进输出：

JSON.stringify(xiaoming,null.'	');

结果：

{
  "name": "小明",
  "age": 14,
  "gender": true,
  "height": 1.65,
  "grade": null,
  "middle-school": "\"W3C\" Middle School",
  "skills": [
    "JavaScript",
    "Java",
    "Python",
    "Lisp"
  ]
}

第二个参数用于控制如何筛选对象的键值，如果我们只想输出指定的属性，可以传入Array:

JSON.stringify(xiaoming, ['name', 'skills'], '	');

结果：

{
	"name": "小明",
	"skills": [
	 "JavaScript",
	 "Java",
	 "Python",
	 "Lisp"
	]
}

还可以传入一个函数，这样对象的每个键值对都会被函数先处理：

function convert(key, value) {
	if (typeof value == 'string') {
		return value.toUpperCase();
	}
	return value;
}

JSON.stringify(xiaoming, convert, '	');

如果我们还想要精确控制如何序列化小明，可以给xiaoming定义一个toJSON()的方法，直接返回JSON应该序列化的数据：

var xiaoming = {
	name: "小明",
	age:14,
	gender: true,
	height: 1.65,
	grade: null,
	'middle-school': '\"W3C\" Middle School',
	skills: ['JavaScript', 'Java', 'Python', 'Lisp'],
	toJSON: function() {
		return {//只输出name和age，并且改变了key:
			'Name': this.name,
			'Age': this.age
		};
	}
};

JSON.stringify(xiaoming);// '{"Name":"小明“，“Age”:14}'

反序列化
拿到一个JSON格式的字符串，我们直接用JSON.parse()把它变成一个JavaScript对象：

JSON.parse('[1, 2, 3, true]');// [1, 2, 3, true]
JSON.parse('{"name":"小明“， "age":14}');// Object {name: '小明', age:14}
JSON.parse('true');// true
JSON.parse('123.45');// 123.45

JSON.parse()还可以接收一个函数，用来转换解析出的属性：

'use strict';
var obj = JSON.parse('{"name":"小明“，"age":14}', function (key, value) {
	if (key == 'name') {
		return value + '同学' ;
	}
	return value;
});
console.log(JSON.stringify(obj));// {name:'小明同学', age:14}

JS语言学习——JSON

猜你喜欢