深入理解JSON對象

来源:http://www.cnblogs.com/xiaohuochai/archive/2016/09/20/5887754.html
-Advertisement-
Play Games

× 目錄 [1]語法規則 [2]stringify [3]parse 前面的話 json(javascript object notation)全稱是javascript對象表示法，它是一種數據交換的文本格式，而不是一種編程語言，用於讀取結構化數據。2001年由Douglas Crockford提出 ...


×
目錄
[1]語法規則 [2]stringify [3]parse

前面的話

　　json(javascript object notation)全稱是javascript對象表示法，它是一種數據交換的文本格式，而不是一種編程語言，用於讀取結構化數據。2001年由Douglas Crockford提出，目的是取代繁瑣笨重的XML格式。本文將詳細介紹關於json的內容

 

語法規則

　　JSON的語法可以表示以下三種類型的值

【1】簡單值

　　簡單值使用與JavaScript相同的語法，可以在JSON中表示字元串、數值、布爾值和null

　　字元串必須使用雙引號表示，不能使用單引號。數值必須以十進位表示，且不能使用NaN和Infinity

　　[註意]JSON不支持JavaScript中的特殊值undefined

//合格的簡單值
5
"hello world"
true
null
//不合格的簡單值
+0x1
'hello world'
undefined
NaN
Infinity

【2】對象

　　對象作為一種複雜數據類型，表示的是一組有序的鍵值對兒。而每個鍵值對兒中的值可以是簡單值，也可以是複雜數據類型的值

　　與javascript的對象字面量相比，json有三個不同的地方

　　1、JSON沒有變數的概念

　　2、JSON中，對象的鍵名必須放在雙引號裡面

　　3、因為JSON不是javascript語句，所以沒有末尾的分號

　　[註意]同一個對象中不應該出現兩個同名屬性

//合格的對象
{
    "name":"huochai",
    "age":29,
    "school":{
        "name":"diankeyuan",
        "location":"beijing"
    }
}
//不合格的對象
{ name: "張三", 'age': 32 }//屬性名必須使用雙引號
{};//不需要末尾的分號
{ "birthday": new Date('Fri, 26 Aug 2011 07:13:10 GMT'),
  "getName": function() {
      return this.name;
  }
} // 不能使用函數和日期對象

【3】數組

　　數組也是一種複雜數據類型，表示一組有序的值的列表，可以通過數值索引來訪問其中的值。數組的值也可以是任意類型——簡單值、對象或數組

　　JSON數組也沒有變數和分號，把數組和對象結合起來，可以構成更複雜的數據集合

　　[註意]數組或對象最後一個成員的後面，不能加逗號

 

JSON對象

　　JSON之所以流行，是因為可以把JSON數據結構解析為有用的javascript對象

　　ECMAScript5對解析JSON的行為進行了規範，定義了全局對象JSON

　　[註意]IE7-瀏覽器不支持

　　JSON對象有兩個方法：stringify()和parse()。這兩個方法分別用於把JavaScript對象序列化為JSON字元串和把JSON字元串解析為原生JavaScript值

 

stringify()

　　JSON.stringify()方法用於將一個值轉為字元串。該字元串應該符合JSON格式，並且可以被JSON.parse()方法還原　

　　預設情況下，JSON.stringify()輸出的JSON字元串不包括任何空格字元或縮進

var jsonObj = {
    "title":"javascript",
    "group":{
        "name":"jia",
        "tel":12345
    }
};
//{"title":"javascript","group":{"name":"jia","tel":12345}}
JSON.stringify(jsonObj);

具體轉換

JSON.stringify('abc') // ""abc""
JSON.stringify(1) // "1"
JSON.stringify(false) // "false"
JSON.stringify([]) // "[]"
JSON.stringify({}) // "{}"
JSON.stringify([1, "false", false])// '[1,"false",false]'
JSON.stringify({ name: "張三" })// '{"name":"張三"}'

　　stringify()方法把正則表達式和數學對象轉換成空對象的字元串形式

JSON.stringify(/foo/) // "{}"
JSON.stringify(Math) // "{}"

　　stringify()方法把日期對象和包裝對象轉換成字元串

JSON.stringify(new Boolean(true)) //"true"
JSON.stringify(new String('123')) //""123""
JSON.stringify(new Number(1)) //"1"
JSON.stringify(new Date()) //""2016-09-20T02:26:38.294Z""

　　如果對象的成員是undefined或函數，這個成員會被省略

　　如果數組的成員是undefined或函數，則這些值被轉成null

JSON.stringify({
  a: function(){},
  b: undefined,
  c: [ function(){}, undefined ]
});
// "{"c":[null,null]}"

　　JSON.stringify()方法會忽略對象的不可遍歷屬性

var obj = {};
Object.defineProperties(obj, {
  'foo': {
    value: 1,
    enumerable: true
  },
  'bar': {
    value: 2,
    enumerable: false
  }
});
JSON.stringify(obj); // {"foo":1}]

參數

　　JSON.stringify()除了要序列化的JavaScript對象外，還可以接收另外兩個參數，這兩個參數用於指定以不同的方式序列化JavaScript對象。第一個參數是個過濾器，可以是一個數組，也可以是一個函數；第二個參數是一個選項，表示是否在JSON字元串中保留縮進

【數組過濾器】

　　當stringify()方法的第二個參數是一個數組時，這時相當於實現一個過濾器的功能

　　【1】過濾器只對對象的第一層屬性有效

var jsonObj = {
    "title":"javascript",
    "group":{
        "a":1
    }
};
//{"group":{"a":1}}
console.log(JSON.stringify(jsonObj,["group","a"]))

　　【2】過濾器對數組無效

var jsonObj =[1,2];
JSON.stringify(jsonObj,["0"])//"[1,2]"

【函數參數】

　　stringify()方法的第二個參數也可以是一個函數。傳入的函數接收兩個參數，屬性(鍵)名和屬性值

JSON.stringify({a:1,b:2}, function(key, value){
  if (typeof value === "number") {
    value = 2 * value;
  }
  return value;    
})
// "{"a":2,"b":4}"

　　屬性名只能是字元串，而在值並非鍵值對兒結構的值時，鍵名可以是空字元串

　　這個函數參數會遞歸處理所有的鍵

　　下麵代碼中，對象o一共會被f函數處理三次。第一次鍵名為空，鍵值是整個對象o；第二次鍵名為a，鍵值是{b:1}；第三次鍵名為b，鍵值為1

JSON.stringify({a: {b: 1}}, function (key, value) {
  console.log("["+ key +"]:" + value);
  return value;
})
// []:[object Object]
// [a]:[object Object]
// [b]:1
// '{"a":{"b":1}}'

　　函數返回的值就是相應鍵的值。如果函數返回了undefined或沒有返回值，那麼相應的屬性會被忽略

JSON.stringify({ a: "abc", b: 123 }, function (key, value) {
  if (typeof(value) === "string") {
    return undefined;
  }
  return value;
})
// '{"b": 123}'

【縮進】

　　stringify()方法還可以接受第三個參數，用於增加返回的JSON字元串的可讀性

　　如果是數字，表示每個屬性前面添加的空格(最多不超過10個)

　　如果是字元串(不超過10個字元)，則該字元串會添加在每行前面

/*"{
  "p1": 1,
  "p2": 2
}"*/
JSON.stringify({ p1: 1, p2: 2 }, null, 2);
//"{"p1":1,"p2":2}"
JSON.stringify({ p1: 1, p2: 2 }, null, 0);
/*"{
|-"p1": 1,
|-"p2": 2
}"*/
JSON.stringify({ p1:1, p2:2 }, null, '|-');

toJSON()

　　有時候，JSON.stringify()還是不能滿足對某些對象進行自定義序列化的需求。在這些情況下， 可以通過對象上調用toJSON()方法，返回其自身的JSON數據格式

JSON.stringify({
  toJSON: function () {
    return "Cool"
  }
})
// ""Cool""
var o = {
  foo: 'foo',
  toJSON: function() {
    return 'bar';
  }
};
JSON.stringify({x: o});// '{"x":"bar"}'

　　如果toJSON()方法返回undefined，此時如果包含它的對象嵌入在另一個對象中，會導致該對象的值變成null。而如果包含它的對象是頂級對象，結果就是undefined

JSON.stringify({
  toJSON: function () {
    return undefined
  }
})
//undefined

　　Date對象部署了一個自己的toJSON方法，自動將Date對象轉換成日期字元串

JSON.stringify(new Date("2016-08-29"))
// "2016-08-29T00:00:00.000Z"

　　toJSON方法的一個應用是，可以將正則對象自動轉為字元串

RegExp.prototype.toJSON =RegExp.prototype.toString;
JSON.stringify(/foo/)// ""/foo/""

　　toJSON()可以作為函數過濾器的補充，因此理解序列化的內部順序十分重要。假設把一個對象傳入JSON.stringify()，序列化該對象的順序如下

　　1、如果存在toJSON()方法而且能通過它取得有效的值，則調用該方法。否則，按預設順序執行序列化

　　2、如果提供了第二個參數，應用這個函數過濾器。傳入函數過濾器的值是第一步返回的值

　　3、對第二步返回的每個值進行相應的序列化

　　4、如果提供了第三個參數，執行相應的格式化

 

parse()

　　JSON.parse方法用於將JSON字元串轉化成對象

JSON.parse('{}') // {}
JSON.parse('true') // true
JSON.parse('"foo"') // "foo"
JSON.parse('[1, 5, "false"]') // [1, 5, "false"]
JSON.parse('null') // null
var o = JSON.parse('{"name": "張三"}');
o.name // 張三

　　如果傳入的字元串不是有效的JSON格式，JSON.parse方法將報錯

//Uncaught SyntaxError: Unexpected token u in JSON at position 0(…)
JSON.parse("'String'") 

//Uncaught SyntaxError: Unexpected token u in JSON at position 0(…)
JSON.parse("undefined")

　　JSON.parse()方法也可以接收一個函數參數，在每個鍵值對兒上調用，這個函數被稱為還原函數(reviver)。該函數接收兩個參數，一個鍵和一個值，返回一個值

　　如果還原函數返回undefined，則表示要從結果中刪除相應的鍵；如果返回其他值，則將該值插入到結果中

var o = JSON.parse('{"a":1,"b":2}', function(key, value) {
  if (key === ''){
    return value;
  }
  if (key === 'a') {
    return value + 10;
  }
});
o.a // 11
o.b // undefined

　　在將日期字元串轉換為Date對象時，經常要用到還原函數

var book = {
    "title": "javascript",
    "date": new Date(2016,9,1)
}
var jsonStr = JSON.stringify(book);
//'{"title":"javascript","date":"2016-09-30T16:00:00.000Z"}''
console.log(jsonStr)

var bookCopy = JSON.parse(jsonStr,function(key,value){
    if(key == 'date'){
        return new Date(value);
    }
    return value;
})
console.log(bookCopy.date.getFullYear());//2016

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • jsp建立錯誤頁自動跳轉
    在各個常用的web站點中，經常會發現這樣一個功能：當一個頁面出錯後，會自動跳轉到一個頁面上進行錯誤信息的提示。 想要完成錯誤頁的操作，則一定要滿足兩個條件： 1、指定錯誤出現時的跳轉頁，通過errorPage屬性指定； 2、錯誤處理頁必須有明確的標識，通過isErrorPage屬性指定。 下麵就是錯 ...
  • 支付寶APP支付之Java後臺生成簽名具體步驟
    ...
  • 《Java4Android》視頻學習筆記——為什麼用抽象類？
    我們來舉個例子，然後引出這個問題的答案： 市面上有 噴墨式印表機 和 針式印表機 這兩種形式的印表機，我們需要編程來實現他們的 開機，關機以及列印。 構建父類Printer class Printer{ void open(){ System.out.println("OPEN"); } void ...
  • 事務腳本
    本文摘抄自《.NET企業級應用架構設計》 業務邏輯層的模式的發展歷史 歷史上，事務腳本是第一個廣泛應用的業務邏輯模式。 後來出現了基於表數據的表模塊模式，仍然屬於過程式模式，但是加入了一些面向對象思維。 在面向對象開發興起之後，出現了基於對象的業務邏輯模式，最簡單的對象模型就像是資料庫表的數據模型， ...
  • 事務腳本-領域模型
    Martin Fowler定義是： 事務腳本，將所有邏輯組織在一個單一過程，進行資料庫直接調用，每個業務請求都有自己的事務腳本，並且是一個類的公開方法。 領域模型，是一系列相互關聯的對象，每個對象代表一定意義的獨立體，既可以一起以一種大規模方式協作；也可以小到以單線方式運行。 事務腳本總體來說：就像 ...
  • 設計模式-抽象工廠模式
    定義：為創建一組相關或相互依賴的對象提供一個介面，而且無需指定他們的具體類。 類型：創建類模式 類圖： 抽象工廠模式與工廠方法模式的區別 抽象工廠模式是工廠方法模式的升級版本，他用來創建一組相關或者相互依賴的對象。他與工廠方法模式的區別就在於，工廠方法模式針對的是一個產品等級結構；而抽象工廠模式則是 ...
  • JS-this指向
    簡記： this在不同情況下的指向： 1.普通函數調用，this指向window對象 2.作為對象的方法被調用，由對象調用，this指向該對象 3.使用new構造函數，創建新實例，實例的方法或屬性的this指向新實例 4.apply/call調用的時候，this指向由參數設定的對象值 ...
  • 前端渲染利器——JsRender入門
    JsRender不少前端人員應該都用過，它是一個比較強大的模板，不牽涉太多技術依賴，使用起來非常舒服。我本人在前端開發中使用React之前，都是用的它了（實際上我感覺React沒有JsViewes好用）。不管怎麼說，先來學習下JsRender技術吧，如果前端的開發環境比較單純，還是很適合的。 一、J ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類