Javascript 对象数组迭代 - Javascript

在 Javascript 中，对象数组是一种常见的数据结构，我们可以使用迭代方法对其进行操作和处理。本文将介绍几种常用的迭代方法，以帮助程序员更好地处理和操作对象数组。

1. forEach 方法

forEach 方法可以用于遍历数组中的每个元素，并对每个元素执行指定的回调函数。

let arr = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];

arr.forEach(function(item, index) {
  console.log(item.name, item.age);
});

上述例子中，forEach 方法遍历了数组 arr 中的每个元素，并通过回调函数打印了每个元素的姓名和年龄。

2. map 方法

map 方法可以对数组中的每个元素进行操作，并返回由操作结果组成的新数组。

let arr = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];

let names = arr.map(function(item, index) {
  return item.name;
});

console.log(names); // 输出：['Alice', 'Bob', 'Charlie']

上述例子中，map 方法将数组 arr 中每个元素的姓名提取出来，并返回一个新的数组 names。

3. filter 方法

filter 方法可以根据指定的条件对数组中的元素进行筛选，并返回满足条件的元素组成的新数组。

let arr = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];

let filtered = arr.filter(function(item, index) {
  return item.age > 30;
});

console.log(filtered); // 输出：[{ name: 'Charlie', age: 35 }]

上述例子中，filter 方法筛选出年龄大于 30 的元素，并返回一个新的数组 filtered。

4. reduce 方法

reduce 方法可以对数组中的元素进行累加操作，并将累加结果返回。

let arr = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];

let totalAge = arr.reduce(function(acc, item, index) {
  return acc + item.age;
}, 0);

console.log(totalAge); // 输出：90

上述例子中，reduce 方法对数组 arr 中每个元素的年龄进行累加操作，并将累加结果保存在变量 totalAge 中。

以上就是几种常用的对象数组迭代方法，它们能够帮助程序员更轻松地处理和操作对象数组。通过灵活应用这些方法，可以提高代码的效率和可读性。