對象數組的定義與用法

一、什麼是對象數組

對象數組是指由多個對象組成的數組，每個對象包含不同的屬性和方法，可以通過數組的下標來訪問不同的對象和其對應的屬性和方法。在實際應用中，對象數組經常用於存儲和操作大量數據。

二、對象數組的基本定義方式

// 定義一個對象數組
let users = [
  { name: '小明', age: 18, gender: 'male' },
  { name: '小紅', age: 20, gender: 'female' },
  { name: '小剛', age: 22, gender: 'male' }
];

對象數組的基本定義方式就是使用中括號包含多個對象，每個對象用花括號包含，用逗號分隔。對象的屬性和屬性值之間使用冒號分隔。

上述代碼中定義了一個用戶數組，數組中包含了三個用戶對象，每個用戶對象都有 name、age、gender 三個屬性，可以通過 users[0]、users[1]、users[2] 來訪問這三個對象。

三、對象數組的常用操作

1. 遍歷對象數組

// 遍歷對象數組
users.forEach(function(user) {
  console.log('姓名：' + user.name + '，年齡：' + user.age + '，性別：' + user.gender);
});

使用 forEach 方法可以遍歷對象數組，訪問對象數組中的每一個對象，並對每個對象的屬性進行操作。

上述代碼中遍歷了用戶數組，對於每個用戶對象，打印了它的姓名、年齡和性別。

2. 對象數組的增刪改查

操作對象數組中的某一個對象，需要先通過下標訪問到該對象，然後再進行相應的操作。

（1）增加一個對象

// 新增一個用戶對象
let newUser = { name: '小芳', age: 19, gender: 'female' };
users.push(newUser);

使用 push 方法可以在對象數組的末尾添加一個新的對象。

上述代碼中新增了一個名叫小芳的用戶對象，並使用 push 方法將其添加到用戶數組的末尾。

（2）刪除一個對象

// 刪除一個用戶對象
users.splice(1, 1);

使用 splice 方法可以刪除對象數組中指定的對象。

上述代碼中刪除了用戶數組中下標為1的用戶對象，刪除一個對象時需要指定該對象在數組中的下標和刪除的數量。

（3）修改一個對象

// 修改一個用戶對象的屬性值
users[2].age = 23;

可以直接通過下標訪問到對象數組中的某一個對象，並修改該對象的屬性值。

上述代碼中將用戶數組中下標為 2 的對象的年齡修改為 23。

（4）查找一個對象

// 查找一個用戶對象
let user = users.find(function(user) {
  return user.name === '小明';
});

使用 find 方法可以查找到符合條件的對象。

上述代碼中查找到了用戶名為小明的用戶對象，並將其保存在變量 user 中。

四、對象數組的實際應用

對象數組在實際應用中有很廣泛的用途，比如在前端開發中，常常用於存儲從後端接口返回的數據，然後通過遍歷來展示在頁面上。

下面是一個使用對象數組定義購物車的示例：

let cart = [
  { name: '牛奶', price: 12, count: 2 },
  { name: '麵包', price: 8, count: 1 },
  { name: '雞蛋', price: 2, count: 6 }
];

// 計算購物車總價
let totalPrice = 0;
cart.forEach(function(item) {
  totalPrice += item.price * item.count;
});
console.log('購物車總價為：' + totalPrice);

上述代碼中定義了一個購物車數組，數組中包含了三個商品對象，每個商品對象都有名稱、價格和數量三個屬性。

通過遍歷購物車數組，可以計算出購物車中的商品總價，並打印出來。

五、總結

對象數組是由多個對象組成的數組，在實際應用中有非常廣泛的用途。可以通過遍歷對象數組來對數組中的對象進行操作，比如增刪改查等。