JSON 簡介與基本語法

JSON 的英文全名是 JavaScript Object Notation。顧名思義：JavaScript 物件表示法。若在程式中使用 JSON 語法，可以直接建立 JavaScript 物件或是陣列，細節如下：

• 建立物件語法：{"成員名稱":成員資料,"成員名稱":成員資料, ... }
• 建立陣列語法：[資料一,資料二,資料三, ... ]

如何在 JS 程式中使用 JSON

利用 JSON，我們可以輕鬆的建立物件或陣列（若你對物件的概念不熟悉，請參考 JavaScript 前端工程入門課程）。以下範例產生一個物件，擁有兩個成員，分別是 x 和 y，並存放數字資料：

let point={"x":3, "y":4};

以下產生一個長度 4 的數字陣列：

let grades=[23, 55, 66, 99];

設計函式時，使用單一物件參數取代多個參數，並利用 JSON 快速建立所需要的物件：

function add(args){
	return args.n1+args.n2;
}
add({"n1":3, "n2":4});

某些時候，例如：想要透過網路送出資料時。可以使用 JSON.stringify() 將 JavaScript 物件轉換成 JSON 格式的字串：

let point={"x":3, "y":4}; // 這是物件
let jsonStr=JSON.stringify(point); // 轉換成字串

反過來，例如：想要透過網路接收資料時。可以使用 JSON.parse() 將 JSON 格式的字串重新解讀成 JavaScript 物件：

let jsonStr="{\"n1\":3, \"n2\":4}"; // 這是字串
let point=JSON.parse(jsonStr); // 轉換成物件

學習順序建議

在學習上，先擁有 JavaScript 資料型態、物件操作的基礎，再來吸收 JSON 語法，那一切就會手到擒來。否則，可能會把自己搞得一團混亂哦。