高程3總結(jié)#第20章JSON

Hwg 發(fā)布于2019-08-23 12:11 / 732人閱讀

摘要：語法語法可以表示三種類型的值簡單值使用與相同的語法，可以在中表示字符串?dāng)?shù)值布爾值和。對象對象作為一種復(fù)雜數(shù)據(jù)類型，表示的是一組無序的鍵值對兒。如果字符串長度超過了個，結(jié)果中將只出現(xiàn)前個字符。

JSON 語法

JSON語法可以表示三種類型的值

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

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

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

簡單值

最簡單的JSON數(shù)據(jù)形式，數(shù)值5，字符串“Hello world”

JavaScript字符串與JSON字符串最大區(qū)別在于，JSON字符串必須使用雙引號

布爾值和null也是有效的JSON形式

對象

//JavaScript對象
var object = {
"name": "Nicholas",
"age": 29
};
//JSON對象
{
"name": "Nicholas",
  "age": 29
}
//JSON中對象嵌入對象
{
"name": "Nicholas",
  "age": 29,
    "school": {
      "name": "Merrimack College",
        "location": "North Andover, MA"
    }
}

數(shù)組

JSON數(shù)組沒有變量和分號

[
  {
    "title": "Professional JavaScript",
    "authors": [
      "Nicholas C. Zakas"
    ],
    edition: 3,
    year: 2011
  },
  {
    "title": "Professional JavaScript",
    "authors": [
      "Nicholas C. Zakas"
    ],
    edition: 2,
    year: 2009
  },
  {
    "title": "Professional Ajax",
    "authors": [
      "Nicholas C. Zakas",
      "Jeremy McPeak",
      "Joe Fawcett"
    ],
    edition: 2,
    year: 2008
  },
  {
    "title": "Professional Ajax",
    "authors": [
      "Nicholas C. Zakas",
      "Jeremy McPeak",
      "Joe Fawcett"
    ],
    edition: 1,
    year: 2007
  },
  {
    "title": "Professional JavaScript",
    "authors": [
      "Nicholas C. Zakas"
    ],
    edition: 1,
    year: 2006
  }
]

解析與序列化 JSON對象

早期的JSON解析器基本上就是使用JavaScript的eval()函數(shù)

JSON對象有兩個方法：stringify()和parse()，在最簡單情況下，兩個方法分別用于把JavaScript對象序列化為JSON字符串和把JSON字符串解析為原生JavaScript值

var book = {
  title: "Professional JavaScript",
  authors: [
    "Nicholas C. Zakas"
  ],
  edition: 3,
  year: 2011
};
var jsonText = JSON.stringify(book);
//得到的結(jié)果為
{"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,
  "year":2011}
//反向操作
var bookCopy = JSON.parse(jsonText);

序列化選項

JSON.stringify() 除了要序列化的 JavaScript 對象外，還可以接收另外兩個參數(shù)，這兩個參數(shù)用于指定以不同的方式序列化 JavaScript 對象。第一個參數(shù)是個過濾器，可以是一個數(shù)組，也可以是一個函數(shù)；第二個參數(shù)是一個選項，表示是否在 JSON 字符串中保留縮進。

var book = {
  "title": "Professional JavaScript",
  "authors": [
    "Nicholas C. Zakas"
  ],
  edition: 3,
  year: 2011
};
var jsonText = JSON.stringify(book, ["title", "edition"]);
//結(jié)果為
{"title":"Professional JavaScript","edition":3}
//結(jié)果為undefined的例子
var book = {
  "title": "Professional JavaScript",
  "authors": [
    "Nicholas C. Zakas"
  ],
  edition: 3,
  year: 2011
};
var jsonText = JSON.stringify(book, function(key, value){
  switch(key){
    case "authors":
      return value.join(",")
    case "year":
      return 5000;
    case "edition":
      return undefined;
    default:
      return value;
  }
});
//結(jié)果為
{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000}

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

var book = {
  "title": "Professional JavaScript",
  "authors": [
    "Nicholas C. Zakas"
  ],
  edition: 3,
  year: 2011
};
var jsonText = JSON.stringify(book, null, 4);
//結(jié)果如下
{
  "title": "Professional JavaScript",
    "authors": [
      "Nicholas C. Zakas"
    ],
      "edition": 3,
        "year": 2011
}

如果縮進參數(shù)是一個字符串而非數(shù)值，則這個字符串將在 JSON 字符串中被用作縮進字符（不再使用空格）縮進字符串最長不能超過 10 個字符長。如果字符串長度超過了 10 個，結(jié)果中將只出現(xiàn)前 10 個字符。

var jsonText = JSON.stringify(book, null, " - -");
//結(jié)果如下
{
  --"title": "Professional JavaScript",
    --"authors": [
      ----"Nicholas C. Zakas"
      --],
      --"edition": 3,
        --"year": 2011
}

toJson()方法，返回其自身的JOSN數(shù)據(jù)格式

var book = {
  "title": "Professional JavaScript",
  "authors": [
    "Nicholas C. Zakas"
  ],
  edition: 3,
  year: 2011,
  toJSON: function(){
    return this.title;
  }
};
var jsonText = JSON.stringify(book)

解析選項

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

var book = {
  "title": "Professional JavaScript",
  "authors": [
    "Nicholas C. Zakas"
  ],
  edition: 3,
  year: 2011,
  releaseDate: new Date(2011, 11, 1)
};
var jsonText = JSON.stringify(book);
var bookCopy = JSON.parse(jsonText, function(key, value){
  if (key == "releaseDate"){
    return new Date(value);
  } else {
    return value;
  }
});
alert(bookCopy.releaseDate.getFullYear())