摘要:張三李四張三李四以下是不合格的值。張三屬性名必須使用雙引號不能使用十六進(jìn)制值張三不能使用張三不能使用函數(shù)和日期對象三處理格式數(shù)據(jù)的方法用途用于將一個值轉(zhuǎn)為字符串。舉個例子張三張三特例如果傳入的字符串不是有效的格式,方法將報錯。
一:JSON 格式定義
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。 易于人閱讀和編寫。同時也易于機(jī)器解析和生成。2001年由 Douglas Crockford 提出,目的是取代繁瑣笨重的 XML 格式。
二、JSON 格式規(guī)則復(fù)合類型的值只能是數(shù)組或?qū)ο?,不能是函?shù)、正則表達(dá)式對象、日期對象。
簡單類型的值只有四種:字符串、數(shù)值(必須以十進(jìn)制表示)、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)。
字符串必須使用雙引號表示,不能使用單引號。
對象的鍵名必須放在雙引號里面。
數(shù)組或?qū)ο笞詈笠粋€成員的后面,不能加逗號。
空數(shù)組和空對象都是合格的 JSON 值,null本身也是一個合格的 JSON 值
以下是合格的 JSON 值。 ["one", "two", "three"] { "one": 1, "two": 2, "three": 3 } {"names": ["張三", "李四"] } [ { "name": "張三"}, {"name": "李四"} ]
以下是不合格的 JSON 值。 { name: "張三", "age": 32 } // 屬性名必須使用雙引號 [32, 64, 128, 0xFFF] // 不能使用十六進(jìn)制值 { "name": "張三", "age": undefined } // 不能使用undefined { "name": "張三", "birthday": new Date("Fri, 26 Aug 2011 07:13:10 GMT"), "getName": function() { return this.name; } } // 不能使用函數(shù)和日期對象三、處理 JSON 格式數(shù)據(jù)的方法 1、JSON.Stringify
1)用途
用于將一個值轉(zhuǎn)為字符串。該字符串符合 JSON 格式,并且可以被JSON.parse方法還原。
2)參數(shù)
JSON.stringify(value[, replacer [, space]])
2.1 value:將要序列化成 一個JSON 字符串的值
2.2 replacer (可選)
如果該參數(shù)是一個函數(shù),則在序列化過程中,被序列化的值的每個屬性都會經(jīng)過該函數(shù)的轉(zhuǎn)換和處理
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}.
如果該參數(shù)是一個數(shù)組,則只有包含在這個數(shù)組中的屬性名才會被序列化到最終的 JSON 字符串中。
var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7}; JSON.stringify(foo, ["week", "month"]); // "{"week":45,"month":7}", 只保留“week”和“month”屬性值。
如果該參數(shù)為null或者未提供,則對象所有的屬性都會被序列化;
2.3 space 參數(shù)(可選)
space 參數(shù)用來控制結(jié)果字符串里面的間距
如果是數(shù)字, 則在轉(zhuǎn)換時每一級別會比上一級別縮進(jìn)對應(yīng) 數(shù)字值的空格(最多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)總結(jié)
先寫""轉(zhuǎn)換為字符串格式,再把需要轉(zhuǎn)換的內(nèi)容按照json格式的規(guī)則轉(zhuǎn)變一下,該加""的加"",然后把轉(zhuǎn)換后的內(nèi)容放在""內(nèi),收工
5)特例
json格式不支持的內(nèi)容會被過濾,分3種情況
原始對象
原始對象成員的值是undefined、函數(shù)或 XML 對象,這個成員會被過濾
var obj = { a: undefined, b: function () {} }; JSON.stringify(obj) // "{}"
2.數(shù)組
數(shù)組的成員是undefined、函數(shù)或 XML 對象,則這些值被轉(zhuǎn)成null
var arr = [undefined, function () {}]; JSON.stringify(arr) // "[null,null]"
3.正則對象
正則對象會被轉(zhuǎn)成空對象。
JSON.stringify(/foo/) // "{}"2、JSON.parse()
1)用途
JSON.parse方法用于將JSON格式的字符串轉(zhuǎn)化成對象。
2)參數(shù)
JSON.parse(text[, reviver])
2.1 text
要被解析成JavaScript值的字符串
2.2 reviver 可選
轉(zhuǎn)換器, 如果傳入該參數(shù)(函數(shù)),可以用來修改解析生成的原始值,調(diào)用時機(jī)在parse函數(shù)返回之前。
JSON.parse("{"p": 5}", function (k, v) { if(k === "") return v; // 如果到了最頂層,則直接返回屬性值, return v * 2; // 否則將屬性值變?yōu)樵瓉淼?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)遇到的坑
紅框里面一個加的是單引號,一個加雙引號,兩個運行起來都沒有錯。
這代表是用于表示值為字符串的引號,使用單雙引號都可以,但表示內(nèi)容為json格式的引號必須寫雙引號
部分內(nèi)容源于mdn文檔
JSON.parse()
JSON.stringify()
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/108736.html
摘要:針對上一篇六十二實戰(zhàn)開發(fā)在線課程學(xué)習(xí)系統(tǒng)需求分析需求的功能,我們對需要的接口進(jìn)行梳理,大概的規(guī)劃出來現(xiàn)有的接口,作為我們第一版的接口的設(shè)計出版,然后我們根據(jù)設(shè)計的接口。后記文章首發(fā)在公眾號,歡迎關(guān)注?! ♂槍ι弦黄狥astAPI(六十二)實戰(zhàn)開發(fā)《在線課程學(xué)習(xí)系統(tǒng)》需求分析需求的功能,我們對需要的接口進(jìn)行梳理,大概的規(guī)劃出來現(xiàn)有的接口,作為我們第一版的接口的設(shè)計出版,然后我們根據(jù)設(shè)計的接口。...
摘要:數(shù)據(jù)格式是一種輕量級的數(shù)據(jù)交換格式。為了對名為的對象進(jìn)行轉(zhuǎn)換,只需執(zhí)行相同形式的命令這就是與本系列討論的其他數(shù)據(jù)格式之間最大的差異。不過,我們讀起來費解的語言,恰恰是適合機(jī)器閱讀,所以通過的索引就能夠讀取黑龍江這個值。 JSON 數(shù)據(jù)格式 JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。JSON采用完全獨立于語言的文本格式,這些特性使...
摘要:是什么是一種輕量級的數(shù)據(jù)交換格式,采用完全獨立于語言的文本格式,是理想的數(shù)據(jù)交換格式。同時,是原生格式,這意味著在中處理數(shù)據(jù)不需要任何特殊的或工具包。底層存儲為格式是個構(gòu)建在之上的新型查詢語言。 JSON是什么? JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式,采用完全獨立于語言的文本格式,是理想的數(shù)據(jù)交換格式。同時,JSON是 Java...
摘要:說句玩笑話,如果是基于的,可能就叫了,形式可能就是這樣的了,如果這樣,那么可能現(xiàn)在是和比較密切了。此外,還有一個函數(shù),我們較少看到,但是它會影響。 我們先來看一個JS中常見的JS對象序列化成JSON字符串的問題,請問,以下JS對象通過JSON.stringify后的字符串是怎樣的?先不要急著復(fù)制粘貼到控制臺,先自己打開一個代碼編輯器或者紙,寫寫看,寫完再去仔細(xì)對比你的控制臺輸出,如果有...
摘要:對象注意這里的所說的對象是指,我們常用到的方法就是歸于此對象。所以為方法返回與指定值相應(yīng)的字符串。經(jīng)過其處理后由變成了故打印經(jīng)過處理后的結(jié)果注意最后一項后面的不見了這是因為經(jīng)處理后,其變成了完全符合格式的文本。 JSON對象 注意這里的所說的JSON對象是指window.JSON,我們常用到的JSON.parse()||JSON.stringify()方法就是歸于此對象。 typeo...
閱讀 1115·2021-11-16 11:45
閱讀 3134·2021-10-13 09:40
閱讀 723·2019-08-26 13:45
閱讀 1221·2019-08-26 13:32
閱讀 2181·2019-08-26 13:23
閱讀 920·2019-08-26 12:16
閱讀 2832·2019-08-26 11:37
閱讀 1761·2019-08-26 10:32