摘要：，指的對(duì)象表示法，它本身是個(gè)字符串，是一種數(shù)據(jù)交換格式，并非對(duì)象。字符串必須使用雙引號(hào)表示，不能使用單引號(hào)。數(shù)組或?qū)ο笞詈笠粋€(gè)成員的后面，不能有逗號(hào)。不合法的會(huì)在解析成對(duì)象時(shí)，出現(xiàn)錯(cuò)誤。替代方法對(duì)象下雖然提供了完整的字符串和對(duì)象的轉(zhuǎn)換方法。

JSON(JavaScript Object Notation)，指JavaScript的對(duì)象表示法，它本身是個(gè)字符串，是一種數(shù)據(jù)交換格式，并非對(duì)象。通常所提的JSON對(duì)象實(shí)際是JSON字符串解析成對(duì)象的結(jié)果，或是瀏覽器window對(duì)象下的JSON對(duì)象。

而且JSON不止用于JavaScript中，其廣泛用于數(shù)據(jù)交換。

一個(gè)JSON文件，或一段JSON字符串，通常是這樣的:

[{
    "name": "用戶權(quán)限管理",
    "code": "99990002",
    "icon": "modicon-1",
    "items": [{
        "name": "模塊權(quán)限",
        "code": "999900020009",
        "url": "",
        "isBlank": false,
        "items": [{
            "name": "向?qū)０?,
            "code": "9999000200090003",
            "url": "pages/accLayoutTest.html",
            "isBlank": false,
            "items": []
        }, {
            "name": "模塊管理我們的",
            "code": "9999000200090001",
            "url": "pages/contentPageTest.html",
            "isBlank": false,
            "items": []
        }]
    }]
}, ... ]

而這樣類(lèi)似的JavaScript對(duì)象則是這樣的:

var menuData = [{
    name: "用戶權(quán)限管理",
    code: "99990002",
    icon: "modicon-1",
    items: [{
        name: "模塊權(quán)限",
        code: "999900020009",
        url: "",
        isBlank: false,
        items: [{
            name: "向?qū)０?,
            code: "9999000200090003",
            url: "pages/accLayoutTest.html",
            isBlank: false,
            items: []
        }, {
            name: "模塊管理我們的",
            code: "9999000200090001",
            url: "pages/contentPageTest.html",
            isBlank: false,
            items: []
        }]
    }]
}, ...]

兩者非常的相似，所不同的是就是JavaScript對(duì)象中屬性名，也就是對(duì)象的key值是可以沒(méi)有引號(hào)的，其值為字符串時(shí)，使用""和""包裹均可。 因此我們很多人將第一段代碼塊里所寫(xiě)的JSON稱為JSON對(duì)象，實(shí)際上，它并不是一個(gè)對(duì)象，只是一個(gè)單純的字符串而已，但是它符合JSON的語(yǔ)法規(guī)則，可以很方便地轉(zhuǎn)化為JavaScript對(duì)象，或者方便地用于數(shù)據(jù)交換。

以下我們來(lái)了解一下JSON。

JSON語(yǔ)法規(guī)則

JSON 語(yǔ)法是 JavaScript 對(duì)象表示語(yǔ)法的子集，其基本原則如下:

數(shù)據(jù)在鍵值對(duì)中

數(shù)據(jù)由逗號(hào)分隔

花括號(hào)保存對(duì)象

方括號(hào)保存數(shù)組

JSON的值

數(shù)字（整數(shù)或浮點(diǎn)數(shù)）

字符串（在雙引號(hào)中）

邏輯值（true 或 false）

數(shù)組（在方括號(hào)中[]）

對(duì)象（在花括號(hào)中{}）

null

JSON作為一種數(shù)據(jù)交換格式，為了保證其能被正確方便的解析，其格式有嚴(yán)格的要求，必須遵循以下規(guī)則:

復(fù)合類(lèi)型的值只能是數(shù)組或對(duì)象，不能是函數(shù)、正則表達(dá)式對(duì)象、日期對(duì)象。

簡(jiǎn)單類(lèi)型的值只有四種：字符串、數(shù)值（必須以十進(jìn)制表示）、布爾值和null（不能使用NaN, Infinity, -Infinity和undefined）。

字符串必須使用雙引號(hào)表示，不能使用單引號(hào)。

對(duì)象的鍵名必須放在雙引號(hào)里面。

數(shù)組或?qū)ο笞詈笠粋€(gè)成員的后面，不能有逗號(hào)。

數(shù)值前不能加0。

以下是合法的JSON格式示例:

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

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

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

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

下面這些就是不合法的:

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

[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ù)和日期對(duì)象

{
    "name": "李四",
    "age": 018
} // 數(shù)值前不能有0

以上代碼中為了指出錯(cuò)誤所在，使用了JavaScript的注釋法，實(shí)際JSON中是不能有注釋的。
不合法的JSON會(huì)在解析成JavaScript對(duì)象時(shí)，出現(xiàn)錯(cuò)誤。

JSON作為一種數(shù)據(jù)交換格式，被寫(xiě)入了ECMAScript 5，在IE8及之后的瀏覽器都提供了一個(gè)JSON對(duì)象，用于對(duì)JSON進(jìn)行解析和序列化。

此方法接收一個(gè)JSON字符串，返回解析后的JavaScript對(duì)象，通常為Object或Array。

// JSON數(shù)據(jù)
var humansData = "[{"name":"zs","age":28},{"name":"ls","age":26}]";
// 解析為JavaScript對(duì)象
var humans = JSON.parse(humansData);

// 之后就可以訪問(wèn)其元素或?qū)傩粤?humans[1].name; // ls
humans[1].age; // 26

如果傳入不合法的JSON，則會(huì)在JSON.parse時(shí)報(bào)錯(cuò)。

為什么我們?cè)赼jax請(qǐng)求中，即使請(qǐng)求的數(shù)據(jù)為JSON，我們不用解析就能直接使用呢？

// test.text內(nèi)容
/*
[{
    "name":"zs",
    "age":28
},{
    "name":"ls",
    "age":26
}]
*/

$.ajax({
    url: "./test/test.text",
    dataType: "JSON"
}).done(function(data){
    console.dir(data); // Array[2]
    console.log(data[0].name); // zs
    // 這里沒(méi)有轉(zhuǎn)化為js對(duì)象就能訪問(wèn)其屬性？！    
});

這里實(shí)際是因?yàn)橹付?b>dataType為JSON，從而進(jìn)行了自動(dòng)轉(zhuǎn)化，所以能直接在成功回調(diào)中使用其屬性。如果去掉dataType的指定，就不能直接訪問(wèn)其屬性了，因?yàn)槲崔D(zhuǎn)化時(shí)，其本身是一個(gè)字符串。第一行輸出為test.text的內(nèi)容，第二行輸出undefined。

此方法可接收一個(gè)JavaScript值將轉(zhuǎn)化為JSON字符串，此字符串可被JSON.parse還原。

var humans = [{
    "name": "zs",
    "age": 28,
    "birth": new Date()
}, {
    "name": "ls",
    "age": 26,
    "birth": new Date()
}];

// 轉(zhuǎn)化為JSON字符串
JSON.stringify(humans);
// "[{"name":"zs","age":28,"birth":"2016-10-25T07:24:11.701Z"},{"name":"ls","age":26,"birth":"2016-10-25T07:24:11.701Z"}]"

前面我們講到了JSON中并非支持所有的JavaScript類(lèi)型，因此此方法對(duì)一些JSON不可接受的值有所處理:原始對(duì)象中，如果有一個(gè)成員的值是undefined、函數(shù)或XML對(duì)象，這個(gè)成員會(huì)被省略。如果數(shù)組的成員是undefined、函數(shù)或XML對(duì)象，則這些值被轉(zhuǎn)成null。

我們還發(fā)現(xiàn)，JSON中是不支持Date對(duì)象的，而上述轉(zhuǎn)化為字符串的結(jié)果中正確包含了birth的值，其為一個(gè)日期格式的字符串。這是因?yàn)樵?b>Date對(duì)象上有一個(gè)名為toJSON的方法，JSON.stringify在序列化時(shí)，實(shí)際是調(diào)用了這個(gè)方法來(lái)輸出結(jié)果的。

如果一個(gè)被序列化的對(duì)象擁有 toJSON 方法，那么該 toJSON 方法就會(huì)覆蓋該對(duì)象默認(rèn)的序列化行為：不是那個(gè)對(duì)象被序列化，而是調(diào)用 toJSON 方法后的返回值會(huì)被序列化，例如：

var obj = {
    foo: "foo",
    toJSON: function() {
        return "bar";
    }
};

JSON.stringify(obj); // ""bar"" 
JSON.stringify({x: obj}); // "{"x":"bar"}"

了解即可，詳見(jiàn): MDN:JSON.stringify(){.doc-link}

我們可能經(jīng)常看到的是JSON.stringify( obj , null , 4)，這樣是什么意思呢？

對(duì)于上例，替換最后一句，結(jié)果如下所示:

JSON.stringify(humans, null, 4);
// "[
//     {
//         "name": "zs",
//         "age": 28,
//         "birth": "2016-10-25T07:24:11.701Z"
//     },
//     {
//         "name": "ls",
//         "age": 26,
//         "birth": "2016-10-25T07:24:11.701Z"
//     }
// ]"

其實(shí)沒(méi)什么變化，不過(guò)是加上了空格縮進(jìn)，使得可讀性更高了。

其余兩個(gè)參數(shù)的說(shuō)明如下:

第二個(gè)參數(shù)可指定序列化時(shí)的操作。

如果該參數(shù)是一個(gè)函數(shù)，則在序列化過(guò)程中，被序列化的值的每個(gè)屬性都會(huì)經(jīng)過(guò)該函數(shù)的轉(zhuǎn)換和處理；

如果該參數(shù)是一個(gè)數(shù)組，則只有包含在這個(gè)數(shù)組中的屬性名才會(huì)被序列化到最終的 JSON 字符串中；

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

第三個(gè)參數(shù)用于指定縮進(jìn)用的空白字符串，用于美化輸出（pretty-print）；

如果參數(shù)是個(gè)數(shù)字，它代表有多少的空格；上限為10。該值若小于1，則意味著沒(méi)有空格；

如果該參數(shù)為字符串(字符串的前十個(gè)字母)，該字符串將被作為空格；

如果該參數(shù)沒(méi)有提供（或者為null）將沒(méi)有空格。

window.JSON對(duì)象下雖然提供了完整的JSON字符串和JavaScript對(duì)象的轉(zhuǎn)換方法。但是在IE8(兼容模式)以及更低版本的IE下沒(méi)有提供這個(gè)對(duì)象，因此我們需要一些替代方案。

jQuery中提供了parseJSON這樣一個(gè)方法來(lái)替代JSON.parse,它接收一個(gè)標(biāo)準(zhǔn)格式的JSON字符串，返回一個(gè)解析后的JavaScript對(duì)象。

使用http://www.json.org/提供了一個(gè)json.js,這樣ie8(兼容模式),ie7和ie6就可以支持JSON對(duì)象以及其stringify()和parse()方法； 可以在https://github.com/douglascrockford/JSON-js上獲取到這個(gè)js，一般現(xiàn)在用json2.js。

還可以使用 eval("(" + jsonstr + ")") ; 來(lái)將json字符串轉(zhuǎn)換成json對(duì)象,注意需要在json字符外包裹一對(duì)小括號(hào)。但最好不要使用這種方式，因?yàn)檫@種方式不安全，eval會(huì)將JSON字符串作為JavaScript語(yǔ)句來(lái)執(zhí)行，JSON中的風(fēng)險(xiǎn)代碼將被執(zhí)行。

JSON

JSON對(duì)象

根本沒(méi)有“JSON對(duì)象”這回事！

JavaScript標(biāo)準(zhǔn)庫(kù)-JSON對(duì)象

js對(duì)象與JSON字符串互轉(zhuǎn)

我的博客 - JavaScript 原型鏈