JavaScript-JSON與物件實體

JSON的發展

JSON(JavaScript Object Notation)是被JavaScript物件實體語法(Object literal syntax)所啟發的。

多年前，網路資料的傳輸格式很多種，像是XML。透過tag標籤，伺服器會解析它的資訊，可是當要下載資料時，因為過多不必要的tag符號，導致資料便很龐大，佔據很多頻寬。

//xml格式範例
<object>
    <firstname>Mary</firstname>
    <isAProgrammer>true</isAProgrammer>
</object>

後來發現JavaScript物件實體語法(Object literal syntax)的格式更簡易。

var object = {
    firstName:'Mary',
    isAProgrammer:true
}

因此，發展出一串字串的JSON格式，現今普遍都是使用JSON格式傳輸資料。

JSON格式有一些規範，屬性命名一定要被包在引號””中

{
    "firstName":"Mary",
    "isAProgrammer":true
}

轉換JSON的方法

在JavaScript中，有兩個內建的函式可以轉化JSON格式。

• 將物件轉化為JSON字串

  JSON.stringify(object)

• 將JSON字串轉化回物件

  JSON.parse('{
      "firstName":"Mary",
      "isAProgrammer":true
  }');

console.log(JSON.stringify(object));

var jsonValue = JSON.parse('{
    "firstName":"Mary",
    "isAProgrammer":true
}');

console.log(jsonValue);

上述程式碼會印出下方所示的結果，先是印出一個JSON字串，接著再印出一個物件