JSON數(shù)據(jù)的示例分析-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)JSON數(shù)據(jù)的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

站在用戶的角度思考問題，與客戶深入溝通，找到埇橋區(qū)網(wǎng)站設(shè)計(jì)與埇橋區(qū)網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋埇橋區(qū)地區(qū)。

 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,
   }

  • 沒有聲明變量（json中沒有變量的說法）

  • 沒有末尾分號(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()的過濾函數(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對(duì)象，有個(gè)releaseDate屬性，保存Date對(duì)象，經(jīng)過序列化后變成有效的JSON數(shù)據(jù)字符串，然后經(jīng)過解析又在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ì)象，過濾器（數(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ù)，過濾器為數(shù)組

過濾器：可以使數(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ì)第三版》中表述和我的不同?？赡苁俏业睦斫庥袉栴}，但是我測(cè)試了，結(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 會(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自身沒有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()可以做過濾器補(bǔ)充

8、假設(shè)一個(gè)對(duì)象傳入JSON.stringify(),序列化該對(duì)象的順序

  1. 存在toJSON（）方法，且能獲取有效值，則調(diào)用該方法，否則按默認(rèn)順序序列化。

  2. 如果提供了第二個(gè)參數(shù)，應(yīng)用這個(gè)函數(shù)過濾器，傳入函數(shù)過濾器的值是第1步的返回值。

  3. 對(duì)第2步返回的每個(gè)值進(jìn)行序列化。

  4. 如果提供了第三個(gè)參數(shù)，執(zhí)行相應(yīng)的格式化。

關(guān)于“JSON數(shù)據(jù)的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站muchs.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

新聞名稱：JSON數(shù)據(jù)的示例分析-創(chuàng)新互聯(lián)
分享地址：http://muchs.cn/article46/dppchg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、外貿(mào)網(wǎng)站建設(shè)、ChatGPT、網(wǎng)站內(nèi)鏈、商城網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)