js 对象数组遍历

// 示例代码：遍历对象数组

// 定义一个对象数组
const objectArray = [
  { id: 1, name: 'Alice', age: 25 },
  { id: 2, name: 'Bob', age: 30 },
  { id: 3, name: 'Charlie', age: 35 }
];

// 使用 for...of 循环遍历对象数组
console.log('使用 for...of 循环:');
for (const obj of objectArray) {
  console.log(`ID: ${obj.id}, Name: ${obj.name}, Age: ${obj.age}`);
}

// 使用 forEach 方法遍历对象数组
console.log('\n使用 forEach 方法:');
objectArray.forEach(obj => {
  console.log(`ID: ${obj.id}, Name: ${obj.name}, Age: ${obj.age}`);
});

// 使用 map 方法遍历对象数组并生成新数组
console.log('\n使用 map 方法:');
const names = objectArray.map(obj => obj.name);
console.log('Names:', names);

// 使用 for...in 循环遍历对象数组中的每个对象的属性（不推荐用于数组）
console.log('\n使用 for...in 循环（不推荐用于数组）:');
for (let i in objectArray) {
  const obj = objectArray[i];
  console.log(`ID: ${obj.id}, Name: ${obj.name}, Age: ${obj.age}`);
}

解释说明：

1. 定义对象数组：我们创建了一个包含多个对象的数组 objectArray，每个对象都有 id、name 和 age 属性。

2. 使用 for...of 循环：for...of 是一种简洁的方式来遍历数组中的每个元素。它直接访问数组中的对象，而不需要通过索引。

3. 使用 forEach 方法：forEach 是数组的一个方法，它会为数组中的每个元素执行一次提供的函数。它是遍历数组的常用方式之一。

4. 使用 map 方法：map 方法会创建一个新数组，其结果是对原数组中的每个元素调用提供的函数后的返回值。这里我们用它来提取所有对象的 name 属性，生成一个新的名字数组。

5. 使用 for...in 循环：虽然 for...in 可以用来遍历对象的属性，但它并不适合用来遍历数组，因为它会遍历数组的所有可枚举属性，包括可能添加到数组原型上的属性。因此，通常不推荐使用 for...in 来遍历数组。