JavaScript JSON——“語法、解析與序列化”的注意要點

?。?。發(fā)布于2019-08-19 17:39 / 1253人閱讀

摘要：對象對象作為一種復雜的數(shù)據(jù)類型，表示的是一組有序的鍵值對。解析與序列化對象流行的最主要的原因是因為數(shù)據(jù)結(jié)構(gòu)可以解析為的對象。為了改變序列化對象的結(jié)果，函數(shù)返回值就是相應(yīng)鍵的值。否則按照默認順序執(zhí)行序列化。

語法

JSON可以表示一下三種類型的值：

簡單值：使用與js相同的語法可以在json中表示字符串、數(shù)值、布爾值和null。但是json不支持js的undefined。

對象：對象作為一種復雜的數(shù)據(jù)類型，表示的是一組有序的鍵值對。每個鍵值對的值可以是簡單值，也可以是復雜數(shù)據(jù)類型的值

數(shù)組：數(shù)組也是一種復雜數(shù)據(jù)類型，表示一組有有序的的值列表，可以通過數(shù)值索引來訪問其中的值。數(shù)組的值也可以是任意類型，簡單值，對象，數(shù)組均可。

json不支持變量，函數(shù)，對象實例，它就是一種表示結(jié)構(gòu)化數(shù)據(jù)的格式。

簡單值

js字符串與json最大的區(qū)別在于json字符串必須使用雙引號，單引號會導致語法錯誤。

對象

js中的對象：

var person = {
    name: "oliver",
    age:29
};

但在JSON中屬性需要加上雙引號：

{
    "name": "oliver",
    "age": 29
}

并且沒有聲明變量；沒有末尾的分號。絕對不能在同一個對象中出現(xiàn)兩個同名屬性。

數(shù)組

js中的數(shù)組：

var values = [321,"Oliver",false]

JSON中的數(shù)組：

[321,"Oliver",false]

JSON中沒有變量和分號。

解析與序列化 JSON對象

json流行的最主要的原因是因為json數(shù)據(jù)結(jié)構(gòu)可以解析為js的對象。早期的json解析器基本上是使用js的eval（）函數(shù)。對于較早版本的瀏覽器，可以使用一個shim：https://github.com/douglacrockford/JSON-js。對于那些不能原生支持JSON解析的瀏覽器，使用shim是最佳選擇。ECMAScript 5對解析JSON的行為進行了規(guī)范，定義了全局對象JSON。

JSON對象有兩個方法：

stringify()

parse()

在最簡單的情況下，這兩個方法分別用于把javascript對象序列化為JSON字符串和把JSON字符串解析為原聲的javascript值。

如（JSON.stringify()）：

var book = {
    title: "javascript",
    authors: ["oliver", "troy"],
    edition: 2,
    year: 2000,
    other: undefined //被忽略
};

var jsontext = JSON.stringify(book);

console.log(jsontext); //{"title":"javascript","authors":["oliver","troy"],"edition":2,"year":2000}

又如（JSON.parse()）：

var anotherBook = JSON.parse(jsontext);
console.log(Object.keys(anotherBook).toString()); //title,authors,edition,year

序列化選項

JSON.stringify()除了要序列化的Javascript對象外，還可以接收另外兩個參數(shù)，這兩個參數(shù)用于指定以不同方式序列化javascript對象。

第一個參數(shù)是一個過濾器，可以是一個數(shù)組，也可以是一個函數(shù)。

第二個參數(shù)是一個選項，表示是否在JSON字符串中保留縮進。多帶帶或組合使用這兩個參數(shù)，可以全面化的控制JSON序列化。

過濾結(jié)果

當JSON.stringify()的第二個參數(shù)是一個數(shù)組。在返回結(jié)果中，只會包含這些屬性。

var book = {
    title: "javascript",
    authors: ["oliver", "troy"],
    edition: 2,
    year: 2000,
    other: undefined //被忽略
};
var jsontext = JSON.stringify(book,["title","authors"]);
console.log(jsontext); //{"title":"javascript","authors":["oliver","troy"]}

如果第二個參數(shù)是函數(shù)，傳入的函數(shù)接收兩個參數(shù)，屬性名和屬性值(function (key,value))。

根據(jù)屬性名可以知道應(yīng)該如何處理序列化的對象中的屬性。屬性名只能是字符串，而在值并非鍵值對結(jié)構(gòu)的值時，鍵名可以是空字符串。為了改變序列化對象的結(jié)果，函數(shù)返回值就是相應(yīng)鍵的值。如果返回undefined作為屬性值，則表示跳過這個屬性。

如：

var book = {
    title: "javascript",
    authors: ["oliver", "troy"],
    edition: 2,
    year: 2000,
    other: undefined //被忽略
};
var jsontext = JSON.stringify(book,function (key,value) {
    switch (key) {
        case "authors":
            return value.join("-");
            break;
        case "edition":
            return undefined;
            break;
        default:
            return value;
    }
});
console.log(jsontext); //{"title":"javascript","authors":"oliver-troy","year":2000}

字符串縮進

當JSON.stringify()的第三個參數(shù)是用于控制結(jié)果中的縮進和空白符。如果這個參數(shù)是一個數(shù)值，表示是每個級別縮進的空格數(shù)。

var book = {
    title: "javascript",
    authors: ["oliver", "troy"],
    edition: 2,
    year: 2000,
    other: undefined //被忽略
};
var jsonText = JSON.stringify(book,null,4);
var pre = document.getElementById("pre");
pre.innerHTML = jsonText;
// {
//     "title": "javascript",
//     "authors": [
//         "oliver",
//         "troy"
//     ],
//     "edition": 2,
//     "year": 2000
// }

最大的縮進空格數(shù)是10，超過10，則設(shè)定為10.

如果縮進字符串是一個字符串而非數(shù)值，則在這個字符串將在JSON字符串中被用作縮進字符?？s進字符串最多也只出現(xiàn)10個字符長度。

var book = {
    title: "javascript",
    authors: ["oliver", "troy"],
    edition: 2,
    year: 2000,
    other: undefined //被忽略
};
var jsonText = JSON.stringify(book,null,"----");
var pre = document.getElementById("pre");
pre.innerHTML = jsonText;
// {
// ----"title": "javascript",
// ----"authors": [
// --------"oliver",
// --------"troy"
// ----],
// ----"edition": 2,
// ----"year": 2000
// }

toJSON()方法

toJSON()方法，為任何對象添加，它會在對象被序列化是調(diào)用，返回指定的數(shù)據(jù)，而不是整個對象的序列化數(shù)據(jù)。

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

如果存在toJSON()方法而且能通過它取得有效地值，則調(diào)用該方法。否則按照默認順序執(zhí)行序列化。

如果提供了第二個參數(shù)，應(yīng)用這個函數(shù)過濾器。傳入函數(shù)過濾器的值是第一步的返回值。

對第2步返回的每個值進行相應(yīng)的序列化

如果提供了第三個參數(shù)，執(zhí)行相應(yīng)的格式化

如：

var book = {
    title: "javascript",
    authors: ["oliver", "troy"],
    edition: 2,
    year: 2000,
    toJSON: function () {
        return this.title + this.edition; //javascript2
    },
    other: undefined //被忽略
};
var jsonText = JSON.stringify(book);
console.log(jsonText); //javascript2

解析選項

JSON.parse()方法也可以接收另一個參數(shù)，該參數(shù)是一個函數(shù)，將在每個鍵值對上調(diào)用。

這個函數(shù)被稱為還原函數(shù)，它與JSON.stringify()方法中的過濾函數(shù)有些相似，都接收鍵值對，返回一個值。如果還原函數(shù)返回undefined，則表示要從結(jié)果中刪除相應(yīng)的鍵，如果返回其他值，則將改值插入到結(jié)果中。

var book = {
    title: "javascript",
    authors: ["oliver", "troy"],
    edition: 2,
    year: 2000,
    date: new Date(2001, 1, 1),
    other: undefined //被忽略
};
var jsonText = JSON.stringify(book);
console.log(jsonText); //{"title":"javascript","authors":["oliver","troy"],"edition":2,"year":2000,"date":"2001-01-31T16:00:00.000Z"}
var anotherbook = JSON.parse(jsonText, function(key, value) {
    switch (key) {
        case "date":
            return new Date(value);
            break;
        default:
            return value;
            break;
    }
})