物件和陣列是JavaScript中常用來存儲與處理資料的結構
1.物件(Object)
物件是一種可以存放多個資料的結構,資料以「key-value」的形式存在。這讓我們可以透過屬性名稱(key)來存取資料(value)。
物件定義與存取
let person = {
name: "Alice",
age: 25,
job: "Developer"
};
console.log(person.name); // 輸出: Alice
console.log(person["age"]); // 輸出: 25
更新物件的屬性: 用來更新或新增物件的屬性
person.age = 26;
person.country = "Taiwan";
console.log(person.age); // 輸出: 26
console.log(person.country); // 輸出: Taiwan
2.陣列(Array)
陣列是用來存放一組有序資料的結構,每個元素可以透過索引(index)存取。
定義與存取陣列
let colors = ["red", "green", "blue"];
console.log(colors[0]); // 輸出: red
console.log(colors[2]); // 輸出: blue
(PS:陣列的索引從0開始,所以第一個元素是colors[0])
3.陣列遍歷
遍歷陣列是開發中常見的操作,最常用的是 forEach()。
let numbers = [1, 2, 3, 4];
numbers.forEach(function(number) {
console.log(number);
});
或者也可以用ES6中的map()
let doubled = numbers.map(function(number) {
return number * 2;
});
console.log(doubled); // 輸出: [2, 4, 6, 8]