[jQuery] Object和Array的不同及應用

寫網頁常常會需要在表格中列出大量相似的資料，這時候array和object就很好用。

array與一般的程式語言相同，擁有index及value，只要輸入index值，就可以得到存放在array之中的value；而object也類似，但不同的點在於，object有所謂的key及value，可以自己定義存放在object中的value的key是什麼，輸入這個key就可以得到相對應的值。




網頁上也常常利用object來產生相對應的選項，譬如選擇了某個訊號頻率設定1000MHz，然後就可以直接把這個值代入object中得到1000MHz對應到的設定。

舉例來說，比較object和array的不同。

var mArray = ["APPLE", "BIRD", "CAT"];
console.log("mArray[0]: "+mArray[0]);
console.log("mArray[1]: "+mArray[1]);
console.log("mArray[2]: "+mArray[2]);

var mObject = {A:"APPLE", B:"BIRD", C:"CAT"};
console.log("mObject[\"APPLE\"]: "+mObject["A"]);
console.log("mObject[\"BIRD\"]: "+mObject["B"]);
console.log("mObject[\"CAT\"]: "+mObject["C"]);

array以[ ]為定義範圍，裡面依序的index為0, 1, 2, ...；而object就不同了，以{ }為定義範圍，可以依照自己需求定義key的名稱，然後把key代入就可以得到value的結果囉。

以下為從瀏覽器開發者模式的console.log的到的輸出結果