JSON 格式

YanceyOfficial 發布于2019-08-26 13:23 / 2166人閱讀

摘要：張三李四張三李四以下是不合格的值。張三屬性名必須使用雙引號不能使用十六進制值張三不能使用張三不能使用函數和日期對象三處理格式數據的方法用途用于將一個值轉為字符串。舉個例子張三張三特例如果傳入的字符串不是有效的格式，方法將報錯。

一：JSON 格式定義

JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。易于人閱讀和編寫。同時也易于機器解析和生成。2001年由 Douglas Crockford 提出，目的是取代繁瑣笨重的 XML 格式。

二、JSON 格式規則

復合類型的值只能是數組或對象，不能是函數、正則表達式對象、日期對象。

簡單類型的值只有四種：字符串、數值（必須以十進制表示）、布爾值和null（不能使用NaN, Infinity, -Infinity和undefined）。

字符串必須使用雙引號表示，不能使用單引號。

對象的鍵名必須放在雙引號里面。

數組或對象最后一個成員的后面，不能加逗號。

空數組和空對象都是合格的 JSON 值，null本身也是一個合格的 JSON 值

以下是合格的 JSON 值。

["one", "two", "three"]

{ "one": 1, "two": 2, "three": 3 }

{"names": ["張三", "李四"] }

[ { "name": "張三"}, {"name": "李四"} ]

以下是不合格的 JSON 值。

{ name: "張三", "age": 32 }  // 屬性名必須使用雙引號

[32, 64, 128, 0xFFF] // 不能使用十六進制值

{ "name": "張三", "age": undefined } // 不能使用undefined

{ "name": "張三",
  "birthday": new Date("Fri, 26 Aug 2011 07:13:10 GMT"),
  "getName": function() {
      return this.name;
  }
} // 不能使用函數和日期對象

三、處理 JSON 格式數據的方法 1、JSON.Stringify

1）用途
用于將一個值轉為字符串。該字符串符合 JSON 格式，并且可以被JSON.parse方法還原。
2)參數
JSON.stringify(value[, replacer [, space]])

2.1 value：將要序列化成一個JSON 字符串的值
2.2 replacer （可選）

如果該參數是一個函數，則在序列化過程中，被序列化的值的每個屬性都會經過該函數的轉換和處理

function replacer(key, value) {
  if (typeof value === "string") {
    return undefined;
  }
  return value;
}

var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = JSON.stringify(foo, replacer);
//{"week":45,"month":7}.

如果該參數是一個數組，則只有包含在這個數組中的屬性名才會被序列化到最終的 JSON 字符串中。

var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
JSON.stringify(foo, ["week", "month"]);  
// "{"week":45,"month":7}", 只保留“week”和“month”屬性值。

如果該參數為null或者未提供，則對象所有的屬性都會被序列化；

2.3 space 參數（可選）
space 參數用來控制結果字符串里面的間距

如果是數字, 則在轉換時每一級別會比上一級別縮進對應數字值的空格（最多10個空格）

如果是一個字符串，則每一級別加上該字符串（或該字符串的前十個字符）

3)舉個例子

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":"張三"}"

4）總結
先寫""轉換為字符串格式，再把需要轉換的內容按照json格式的規則轉變一下，該加""的加"",然后把轉換后的內容放在""內，收工

5)特例
json格式不支持的內容會被過濾，分3種情況

原始對象

原始對象成員的值是undefined、函數或 XML 對象，這個成員會被過濾

var obj = {
  a: undefined,
  b: function () {}
};

JSON.stringify(obj) // "{}"

2.數組
數組的成員是undefined、函數或 XML 對象，則這些值被轉成null

var arr = [undefined, function () {}];
JSON.stringify(arr) // "[null,null]"

3.正則對象
正則對象會被轉成空對象。

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

2、JSON.parse()

1）用途
JSON.parse方法用于將JSON格式的字符串轉化成對象。
2)參數
JSON.parse(text[, reviver])
2.1 text
要被解析成JavaScript值的字符串

2.2 reviver 可選
轉換器, 如果傳入該參數(函數)，可以用來修改解析生成的原始值，調用時機在parse函數返回之前。

JSON.parse("{"p": 5}", function (k, v) {
    if(k === "") return v;     // 如果到了最頂層，則直接返回屬性值，
    return v * 2;              // 否則將屬性值變為原來的 2 倍。
});                            // { p: 10 }

3)舉個例子

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 // 張三

4）特例
如果傳入的字符串不是有效的JSON格式，JSON.parse方法將報錯。

JSON.parse(""String"") // illegal single quotes
// SyntaxError: Unexpected token ILLEGAL

5）遇到的坑
紅框里面一個加的是單引號，一個加雙引號，兩個運行起來都沒有錯。
這代表是用于表示值為字符串的引號，使用單雙引號都可以，但表示內容為json格式的引號必須寫雙引號

部分內容源于mdn文檔
JSON.parse()
JSON.stringify()

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108736.html

FastAPI（六十三）實戰開發《在線課程學習系統》梳理系統需要接口

摘要：針對上一篇六十二實戰開發在線課程學習系統需求分析需求的功能，我們對需要的接口進行梳理，大概的規劃出來現有的接口，作為我們第一版的接口的設計出版，然后我們根據設計的接口。后記文章首發在公眾號，歡迎關注。　　針對上一篇FastAPI（六十二）實戰開發《在線課程學習系統》需求分析需求的功能，我們對需要的接口進行梳理，大概的規劃出來現有的接口，作為我們第一版的接口的設計出版，然后我們根據設計的接口。...

番茄西紅柿 2021-11-23 09:51 評論0 收藏2637
JSON數據格式的使用

摘要：數據格式是一種輕量級的數據交換格式。為了對名為的對象進行轉換，只需執行相同形式的命令這就是與本系列討論的其他數據格式之間最大的差異。不過，我們讀起來費解的語言，恰恰是適合機器閱讀，所以通過的索引就能夠讀取黑龍江這個值。 JSON 數據格式 JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。JSON采用完全獨立于語言的文本格式，這些特性使...

番茄西紅柿 2019-08-21 17:57 評論0 收藏0
JSON數據格式及其在WEB開發中的應用

摘要：是什么是一種輕量級的數據交換格式，采用完全獨立于語言的文本格式，是理想的數據交換格式。同時，是原生格式，這意味著在中處理數據不需要任何特殊的或工具包。底層存儲為格式是個構建在之上的新型查詢語言。 JSON是什么？ JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，采用完全獨立于語言的文本格式，是理想的數據交換格式。同時，JSON是 Java...

red_bricks 2019-08-23 11:52 評論0 收藏0
JSON：如果你愿意一層一層剝開我的心，你會發現...這里水很深——深入理解JSON

摘要：說句玩笑話，如果是基于的，可能就叫了，形式可能就是這樣的了，如果這樣，那么可能現在是和比較密切了。此外，還有一個函數，我們較少看到，但是它會影響。我們先來看一個JS中常見的JS對象序列化成JSON字符串的問題，請問，以下JS對象通過JSON.stringify后的字符串是怎樣的？先不要急著復制粘貼到控制臺，先自己打開一個代碼編輯器或者紙，寫寫看，寫完再去仔細對比你的控制臺輸出，如果有...

Baaaan 2019-08-21 15:29 評論0 收藏0
JSON對象與JSON(JavaScript Object Notation)

摘要：對象注意這里的所說的對象是指，我們常用到的方法就是歸于此對象。所以為方法返回與指定值相應的字符串。經過其處理后由變成了故打印經過處理后的結果注意最后一項后面的不見了這是因為經處理后，其變成了完全符合格式的文本。 JSON對象注意這里的所說的JSON對象是指window.JSON，我們常用到的JSON.parse()||JSON.stringify()方法就是歸于此對象。 typeo...

XFLY 2019-08-21 17:32 評論0 收藏0