這篇文章將為大家詳細(xì)講解有關(guān)JSON數(shù)據(jù)的示例分析,小編覺得挺實(shí)用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
我們提供的服務(wù)有:網(wǎng)站建設(shè)、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、當(dāng)陽ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的當(dāng)陽網(wǎng)站制作公司
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ù),以及對象實(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ù)),保留縮進(jìn)。
JSON.stringify()把json對象序列化為字符串。(忽略函數(shù)、原型)
var a = {a:1,b:2}; console.log(JSON.stringify(a)); //{"a":1,"b":2}不包含任何空格字符或縮進(jìn)
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、縮進(jìn),最大縮進(jìn)為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" } //特別的縮進(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自身沒有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() ) // 33
toJSON()可以做過濾器補(bǔ)充
8、假設(shè)一個對象傳入JSON.stringify(),序列化該對象的順序
存在toJSON()方法,且能獲取有效值,則調(diào)用該方法,否則按默認(rèn)順序序列化。
如果提供了第二個參數(shù),應(yīng)用這個函數(shù)過濾器,傳入函數(shù)過濾器的值是第1步的返回值。
對第2步返回的每個值進(jìn)行序列化。
如果提供了第三個參數(shù),執(zhí)行相應(yīng)的格式化。
關(guān)于“JSON數(shù)據(jù)的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
網(wǎng)站題目:JSON數(shù)據(jù)的示例分析
轉(zhuǎn)載源于:http://muchs.cn/article40/ihdpeo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、ChatGPT、外貿(mào)建站、品牌網(wǎng)站制作、搜索引擎優(yōu)化、網(wǎng)站維護(hù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)