您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)JSON數(shù)據(jù)的示例分析,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
JSON 數(shù)據(jù)詳解
一、json值的類型
1.簡(jiǎn)單值: 可以表示字符串,數(shù)值,布爾值,null不支持undefined(json的數(shù)值表示: 2 )
2.對(duì)象: 一組有序的鍵值對(duì),每個(gè)鍵值對(duì)的值可以是簡(jiǎn)單值,也可以是復(fù)雜數(shù)據(jù)類型。(json的字符串:“hello world”)。json字符串與JavaScript字符串的區(qū)別,json必須用雙引號(hào)。
3.數(shù)組:一組有序值的列表,數(shù)組的值可以是簡(jiǎn)單值,也可以是復(fù)雜數(shù)據(jù)類型。
不支持變量,函數(shù),以及對(duì)象實(shí)例
二、json對(duì)象與javascript對(duì)象
區(qū)別:
//javascript對(duì)象 var obj = { name: "liu", age: 33, }; // json對(duì)象 { "name": "liu", "age": 33, }
沒(méi)有聲明變量(json中沒(méi)有變量的說(shuō)法)
沒(méi)有末尾分號(hào)()
json中屬性也要加雙引號(hào)
三、字符串與json對(duì)象轉(zhuǎn)換
1、JSON.parse()。parse把字符串解析成原生javascript值(javascript對(duì)象);每個(gè)屬性名都必須用雙引號(hào)
var str = '{"name":"huangxiaojian","age":"23"}'; console.log(JSON.parse(str)); //Object { name: "huangxiaojian", age: "23" }
接收另一個(gè)參數(shù),為區(qū)別JSON.stringify()的過(guò)濾函數(shù)(過(guò)濾器), 因而叫還原函數(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對(duì)象,有個(gè)releaseDate屬性,保存Date對(duì)象,經(jīng)過(guò)序列化后變成有效的JSON數(shù)據(jù)字符串,然后經(jīng)過(guò)解析又在bookCopy中還原為一個(gè)Date對(duì)象,當(dāng)遇到releaseDate鍵值時(shí),會(huì)基于相應(yīng)的值創(chuàng)建一個(gè)新的Date對(duì)象,結(jié)果就是bookCopy.releaseDate屬性中保存一個(gè)新的Date對(duì)象。
2、JSON.stringify( object, selector, retract ) 對(duì)象,過(guò)濾器(數(shù)組或函數(shù)),保留縮進(jìn)。
JSON.stringify()把json對(duì)象序列化為字符串。(忽略函數(shù)、原型)
var a = {a:1,b:2}; console.log(JSON.stringify(a)); //{"a":1,"b":2}不包含任何空格字符或縮進(jìn)
3、JSON.stringify()第二個(gè)參數(shù),過(guò)濾器為數(shù)組
過(guò)濾器:可以使數(shù)組(如果是數(shù)組,就把數(shù)組中有的屬性保留),也可以是函數(shù)(如果是函數(shù),傳兩個(gè)參數(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()第二個(gè)參數(shù)為函數(shù)
函數(shù):函數(shù)的兩個(gè)參數(shù)()。switch中參數(shù)是屬性名(必須字符串)。如果是undefined則忽略屬性,(這個(gè)value參數(shù)是整個(gè)序列化后的對(duì)象)
特別注意,value在《javascript高級(jí)程序設(shè)計(jì)第三版》中表述和我的不同。可能是我的理解有問(wèn)題,但是我測(cè)試了,結(jié)果也是序列化后的值。誰(shuí)能解決了可以告訴我。(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、縮進(jìn),最大縮進(jìn)為10。超過(guò)10 會(huì)轉(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" } //特別的縮進(jìn)方式 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自身沒(méi)有json數(shù)據(jù)格式,這是錯(cuò)的。 var person = { "name": "liu", "age": 33, "eat": [ "apple" ], "sex": "man" } console.log( person.toJSON() )
7、為對(duì)象添加toJSON()方法,返回字符串則是字符串格式,對(duì)象則是對(duì)象格式,單個(gè)數(shù)值就是數(shù)值格式。
var person = { "name": "liu", "age": 33, "eat": [ "apple" ], "sex": "man", "toJSON": function () { return this.age } } console.log( person.toJSON() ) // 33
toJSON()可以做過(guò)濾器補(bǔ)充
8、假設(shè)一個(gè)對(duì)象傳入JSON.stringify(),序列化該對(duì)象的順序
存在toJSON()方法,且能獲取有效值,則調(diào)用該方法,否則按默認(rèn)順序序列化。
如果提供了第二個(gè)參數(shù),應(yīng)用這個(gè)函數(shù)過(guò)濾器,傳入函數(shù)過(guò)濾器的值是第1步的返回值。
對(duì)第2步返回的每個(gè)值進(jìn)行序列化。
如果提供了第三個(gè)參數(shù),執(zhí)行相應(yīng)的格式化。
關(guān)于“JSON數(shù)據(jù)的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。