這篇文章將為大家詳細講解有關(guān)JSON數(shù)據(jù)的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
JSON 數(shù)據(jù)詳解
一、json值的類型
1.簡單值： 可以表示字符串，數(shù)值，布爾值，null不支持undefined（json的數(shù)值表示： 2 ）
2.對象： 一組有序的鍵值對，每個鍵值對的值可以是簡單值，也可以是復(fù)雜數(shù)據(jù)類型。（json的字符串：“hello world”）。json字符串與JavaScript字符串的區(qū)別，json必須用雙引號。
3.數(shù)組：一組有序值的列表，數(shù)組的值可以是簡單值，也可以是復(fù)雜數(shù)據(jù)類型。
不支持變量，函數(shù)，以及對象實例
二、json對象與javascript對象
區(qū)別：
重慶分公司
重慶分公司
//javascript對象
var obj = {
name: "liu",
age: 33,
};
// json對象
{
"name": "liu",
"age": 33,
}沒有聲明變量（json中沒有變量的說法）
沒有末尾分號（）
json中屬性也要加雙引號
三、字符串與json對象轉(zhuǎn)換
1、JSON.parse()。parse把字符串解析成原生javascript值（javascript對象）；每個屬性名都必須用雙引號
var str = '{"name":"huangxiaojian","age":"23"}';
console.log(JSON.parse(str)); //Object { name: "huangxiaojian", age: "23" }接收另一個參數(shù)，為區(qū)別JSON.stringify()的過濾函數(shù)（過濾器）， 因而叫還原函數(shù)。如下：
var book = {
title: "hello",
author: [ "apple" ],
year: 300,
releaseDate: new Date(2016)
};
var jsonText = JSON.stringify( book )
var bookCopy = JSON.parse( jsonText, function( key, value ) {
if (key == "releaseDate" ) {
return new Date( value );
} else {
return value;
}
} );
console.log( bookCopy.releaseDate.getFullYear() );以上代碼book對象，有個releaseDate屬性，保存Date對象，經(jīng)過序列化后變成有效的JSON數(shù)據(jù)字符串，然后經(jīng)過解析又在bookCopy中還原為一個Date對象，當(dāng)遇到releaseDate鍵值時，會基于相應(yīng)的值創(chuàng)建一個新的Date對象，結(jié)果就是bookCopy.releaseDate屬性中保存一個新的Date對象。
2、JSON.stringify( object, selector, retract ) 對象，過濾器（數(shù)組或函數(shù)），保留縮進。
JSON.stringify()把json對象序列化為字符串。（忽略函數(shù)、原型）
var a = {a:1,b:2};
console.log(JSON.stringify(a)); //{"a":1,"b":2}不包含任何空格字符或縮進3、JSON.stringify()第二個參數(shù)，過濾器為數(shù)組
過濾器：可以使數(shù)組(如果是數(shù)組，就把數(shù)組中有的屬性保留)，也可以是函數(shù)(如果是函數(shù)，傳兩個參數(shù)：屬性和屬性值)。
var person = {
name: "liu",
age: 33,
eat: [ "apple" ],
sex: "man"
}
var jsonText = JSON.stringify( person, ["eat", "age" ] )
console.log( jsonText ) //{"eat":["apple"],"age":33}4、JSON.stringify()第二個參數(shù)為函數(shù)
函數(shù)：函數(shù)的兩個參數(shù)()。switch中參數(shù)是屬性名(必須字符串)。如果是undefined則忽略屬性，（這個value參數(shù)是整個序列化后的對象）
特別注意，value在《javascript高級程序設(shè)計第三版》中表述和我的不同。可能是我的理解有問題，但是我測試了，結(jié)果也是序列化后的值。誰能解決了可以告訴我。（page：566~567）
var person = {
"name": "liu",
"age": 33,
"eat": [ "apple" ],
"sex": "man"
}
var jsonText = JSON.stringify( person, function( key, value ) {
// console.log( value )
switch("eat") {
case "eat":
return [3,4,5,5,5].join(",");
case "age":
return 33;
case "sex":
return undefined;
default:
return value;
}
} )
console.log( jsonText ) //"3,4,5,5,5"5、縮進，大縮進為10。超過10 會轉(zhuǎn)換為10
var person = {
"name": "liu",
"age": 33,
"eat": [ "apple" ],
"sex": "man"
}
var jsonText = JSON.stringify( person, null, 4 )
console.log( jsonText )
/////////////////////////結(jié)果，帶有格式////////////////////
{
"name": "liu",
"age": 33,
"eat": [
"apple"
],
"sex": "man"
}
//特別的縮進方式
var jsonText = JSON.stringify( person, null, "---" )
console.log( jsonText )
/////////////////////////結(jié)果，帶有格式////////////////////
{
---"name": "liu",
---"age": 33,
---"eat": [
------"apple"
---],
---"sex": "man"
}6、toJSON（）方法，返回自身的json數(shù)據(jù)格式。
var date = new Date()
console.log( date.toJSON() )
//person自身沒有json數(shù)據(jù)格式，這是錯的。
var person = {
"name": "liu",
"age": 33,
"eat": [ "apple" ],
"sex": "man"
}
console.log( person.toJSON() )7、為對象添加toJSON()方法，返回字符串則是字符串格式，對象則是對象格式，單個數(shù)值就是數(shù)值格式。
var person = {
"name": "liu",
"age": 33,
"eat": [ "apple" ],
"sex": "man",
"toJSON": function () {
return this.age
}
}
console.log( person.toJSON() ) // 33toJSON()可以做過濾器補充
8、假設(shè)一個對象傳入JSON.stringify(),序列化該對象的順序
存在toJSON（）方法，且能獲取有效值，則調(diào)用該方法，否則按默認順序序列化。
如果提供了第二個參數(shù)，應(yīng)用這個函數(shù)過濾器，傳入函數(shù)過濾器的值是第1步的返回值。
對第2步返回的每個值進行序列化。
如果提供了第三個參數(shù)，執(zhí)行相應(yīng)的格式化。
關(guān)于“JSON數(shù)據(jù)的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
