一茎匠、JSON 格式的數(shù)據(jù)需要遵循什么規(guī)則
JSON 格式(JavaScript Object Notation 的縮寫)是一種用于數(shù)據(jù)交換的文本格式,2001年由 Douglas Crockford 提出凯肋,目的是取代繁瑣笨重的 XML 格式造烁。
JSON 對值的類型和格式有嚴(yán)格的規(guī)定。
- 復(fù)合類型的值只能是數(shù)組或?qū)ο蟛洋荒苁呛瘮?shù)药磺、正則表達(dá)式對象、日期對象木缝。
- 簡單類型的值只有四種:字符串、數(shù)值(必須以十進(jìn)制表示)我碟、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)。
- 字符串必須使用雙引號表示吱殉,不能使用單引號厘托。
- 對象的鍵名必須放在雙引號里面。
- 數(shù)組或?qū)ο笞詈笠粋€成員的后面押赊,不能加逗號包斑。
需要注意的是,空數(shù)組和空對象都是合格的 JSON 值罗丰,null本身也是一個合格的 JSON 值。
二枕稀、處理 JSON 格式數(shù)據(jù)的兩個方法
ES5 新增了JSON對象谜嫉,用來處理 JSON 格式數(shù)據(jù)。它有兩個方法:JSON.stringify()和JSON.parse()哆档。
JSON.stringify()
JSON.stringify方法用于將一個值轉(zhuǎn)為字符串住闯。該字符串符合 JSON 格式,并且可以被JSON.parse方法還原比原。
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":"張三"}'
需要注意的是,對于原始類型的字符串雇寇,轉(zhuǎn)換結(jié)果會帶雙引號。
JSON.stringify('foo') === "foo" // false
JSON.stringify('foo') === "\"foo\"" // true
上面代碼中嫩海,字符串foo囚痴,被轉(zhuǎn)成了""foo""。這是因為將來還原的時候深滚,雙引號可以讓 JavaScript 引擎知道,foo是一個字符串展箱,而不是一個變量名蹬昌。
如果原始對象中,有一個成員的值是undefined栖榨、函數(shù)或 XML 對象明刷,這個成員會被過濾。
var obj = {
a: undefined,
b: function () {}
};
JSON.stringify(obj) // "{}"
上面代碼中辈末,數(shù)組arr的成員是undefined和函數(shù),它們都被轉(zhuǎn)成了null轰枝。
如果數(shù)組的成員是undefined组去、函數(shù)或 XML 對象,則這些值被轉(zhuǎn)成null从隆。
var arr = [undefined, function () {}];
JSON.stringify(arr) // "[null,null]"
JSON.stringify方法會忽略對象的不可遍歷屬性。
JSON.parse()
JSON.parse方法用于將JSON字符串轉(zhuǎn)化成對象键闺。
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方法將報錯盅藻。
JSON.parse("'String'") // illegal single quotes
// SyntaxError: Unexpected token ILLEGAL
上面代碼中畅铭,雙引號字符串中是一個單引號字符串勃蜘,因為單引號字符串不符合JSON格式,所以報錯缭贡。
三、使用JSON實現(xiàn)深拷貝
var obj = {
address: 'Beijing',
time: 3,
friends: ['aa', 'bb', 'cc']
}
var obj1 = JSON.parse(JSON.stringify(obj))
obj1.time = 6
console.log(obj.time)