JSON 數據詳解及實例代碼分析

2019-11-19 17:50:45

字體：大中小

來源：轉載

供稿：網友

JSON 數據詳解

一、json值的類型

1.簡單值：可以表示字符串，數值，布爾值，null不支持undefined（json的數值表示： 2 ）

2.對象：一組有序的鍵值對，每個鍵值對的值可以是簡單值，也可以是復雜數據類型。（json的字符串：“hello world”）。json字符串與JavaScript字符串的區別，json必須用雙引號。

3.數組：一組有序值的列表，數組的值可以是簡單值，也可以是復雜數據類型。

不支持變量，函數，以及對象實例

二、json對象與javascript對象

區別：

  //javascript對象   var obj = {    name: "liu",    age: 33,   };   // json對象   {    "name": "liu",    "age": 33,   }

沒有聲明變量（json中沒有變量的說法）
沒有末尾分號（）
json中屬性也要加雙引號

三、字符串與json對象轉換

1、JSON.parse()。parse把字符串解析成原生javascript值（javascript對象）；每個屬性名都必須用雙引號

var str = '{"name":"huangxiaojian","age":"23"}';console.log(JSON.parse(str)); //Object { name: "huangxiaojian", age: "23" }

接收另一個參數，為區別JSON.stringify()的過濾函數（過濾器），因而叫還原函數。如下：

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對象，經過序列化后變成有效的JSON數據字符串，然后經過解析又在bookCopy中還原為一個Date對象，當遇到releaseDate鍵值時，會基于相應的值創建一個新的Date對象，結果就是bookCopy.releaseDate屬性中保存一個新的Date對象。

2、JSON.stringify( object, selector, retract ) 對象，過濾器（數組或函數），保留縮進。

JSON.stringify()把json對象序列化為字符串。（忽略函數、原型）

var a = {a:1,b:2};console.log(JSON.stringify(a)); //{"a":1,"b":2}不包含任何空格字符或縮進

3、JSON.stringify()第二個參數，過濾器為數組

過濾器：可以使數組(如果是數組，就把數組中有的屬性保留)，也可以是函數(如果是函數，傳兩個參數：屬性和屬性值)。

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()第二個參數為函數

函數：函數的兩個參數()。switch中參數是屬性名(必須字符串)。如果是undefined則忽略屬性，（這個value參數是整個序列化后的對象）

特別注意，value在《javascript高級程序設計第三版》中表述和我的不同。可能是我的理解有問題，但是我測試了，結果也是序列化后的值。誰能解決了可以告訴我。（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 會轉換為10

 var person = {   "name": "liu",   "age": 33,   "eat": [ "apple" ],   "sex": "man"  }  var jsonText = JSON.stringify( person, null, 4 )   console.log( jsonText )/////////////////////////結果，帶有格式////////////////////{ "name": "liu", "age": 33, "eat": [  "apple" ], "sex": "man"}   //特別的縮進方式  var jsonText = JSON.stringify( person, null, "---" )   console.log( jsonText )/////////////////////////結果，帶有格式////////////////////{---"name": "liu",---"age": 33,---"eat": [------"apple"---],---"sex": "man"}

6、toJSON（）方法，返回自身的json數據格式。

 var date = new Date()  console.log( date.toJSON() )  //person自身沒有json數據格式，這是錯的。  var person = {   "name": "liu",   "age": 33,   "eat": [ "apple" ],   "sex": "man"  }console.log( person.toJSON() )

7、為對象添加toJSON()方法，返回字符串則是字符串格式，對象則是對象格式，單個數值就是數值格式。

var person = {     "name": "liu",     "age": 33,     "eat": [ "apple" ],     "sex": "man",     "toJSON": function () {      return this.age     }    }    console.log( person.toJSON() ) // 33

toJSON()可以做過濾器補充

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