JSON是JavaScript Object Notation的縮寫，它是一種數(shù)據(jù)交換格式
JSON實(shí)際上是JavaScript的一個子集。在JSON中，一共就這么幾種數(shù)據(jù)類型：
number：和JavaScript的number完全一致；
boolean：就是JavaScript的true或false；
string：就是JavaScript的string；
null：就是JavaScript的null；
array：就是JavaScript的Array表示方式——[]；
object：就是JavaScript的{ ... }表示方式。
以及上面的任意組合
JSON還定死了字符集必須是UTF-8，表示多語言就沒有問題了。
為了統(tǒng)一解析，JSON的字符串規(guī)定必須用雙引號""，Object的鍵也必須用雙引號""。
幾乎所有編程語言都有解析JSON的庫，而在JavaScript中，我們可以直接使用JSON，因?yàn)镴avaScript內(nèi)置了JSON的解析。
把任何JavaScript對象變成JSON，就是把這個對象序列化成一個JSON格式的字符串，這樣才能夠通過網(wǎng)絡(luò)傳遞給其他計(jì)算機(jī)。
如果我們收到一個JSON格式的字符串，只需要把它反序列化成一個JavaScript對象，就可以在JavaScript中直接使用這個對象了。
1.序列化
讓我們先把小明這個對象序列化成JSON格式的字符串：
var xiaoming = {
name: '小明',
age: 14,
gender: true,
height: 1.65,
grade: null,
'middle-school': '"W3C" Middle School',
skills: ['JavaScript', 'Java', 'Python', 'Lisp']
};
JSON.stringify(xiaoming);
要輸出的好看,可以加上參數(shù),按縮進(jìn)輸出
JSON.stringify(xiaoming, null, ' ');
第二個參數(shù),用于控制如何篩選對象的鍵值,如果只想輸出指定的屬性,可以傳入數(shù)組:
JSON.stringify(xiaoming, ['name', 'skills'], ' ');
還可以傳入一個函數(shù)，這樣對象的每個鍵值對都會被函數(shù)先處理：
function convert(key, value) {
if (typeof value === 'string') {
return value.toUpperCase();
}
return value;
}
JSON.stringify(xiaoming, convert, ' ');
上面的代碼把所有的屬性值都變成大寫.
如果我們還想要精確控制如何序列化小明,可以給xiaoming定義一個toJSON()的方法,直接返回JSON應(yīng)該序列化的數(shù)據(jù):
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}'
2.反序列化
拿到一個JSON格式的字符串,我們直接用JSON.pares()把它變成一個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()還可以接收一個函數(shù)，用來轉(zhuǎn)換解析出的屬性：
JSON.parse('{"name":"小明","age":14}', function (key, value) {
// 把number * 2:
if (key === 'name') {
return value + '同學(xué)';
}
return value;
});
