js 遍历数组对象

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

// 定义一个包含对象的数组
const arrayOfObjects = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];

// 方法1: 使用 for...of 循环
console.log('使用 for...of 循环:');
for (const obj of arrayOfObjects) {
  console.log(obj.name, obj.age);
}

// 方法2: 使用 forEach 方法
console.log('使用 forEach 方法:');
arrayOfObjects.forEach(function(obj) {
  console.log(obj.name, obj.age);
});

// 方法3: 使用 for 循环
console.log('使用 for 循环:');
for (let i = 0; i < arrayOfObjects.length; i++) {
  console.log(arrayOfObjects[i].name, arrayOfObjects[i].age);
}

// 方法4: 使用 map 方法（如果需要返回新数组）
console.log('使用 map 方法:');
const names = arrayOfObjects.map(obj => obj.name);
console.log(names);

// 方法5: 使用 for...in 循环（不推荐用于遍历数组，但可以遍历对象属性）
console.log('使用 for...in 循环:');
for (const key in arrayOfObjects) {
  if (arrayOfObjects.hasOwnProperty(key)) {
    console.log(arrayOfObjects[key].name, arrayOfObjects[key].age);
  }
}

解释说明：

1. for...of 循环：直接遍历数组中的每个元素（对象），适用于现代浏览器和 Node.js 环境。
2. forEach 方法：数组的内置方法，回调函数会为每个元素执行一次。forEach 不会改变原数组，适合简单的遍历操作。
3. for 循环：传统的循环方式，通过索引访问数组中的元素，灵活性高，适用于所有环境。
4. map 方法：用于创建一个新数组，新数组的元素是调用提供的函数后的结果。这里我们用它来提取每个对象的 name 属性。
5. for...in 循环：通常用于遍历对象的属性，虽然也可以用于数组，但不如其他方法直观，且可能包括继承的属性，因此不推荐用于数组遍历。

以上代码展示了多种遍历数组对象的方法，你可以根据具体需求选择合适的方式。