在JavaScript里怎样从另一个数组创建包含部分对象的数组

在JavaScript开发中，经常会遇到需要从一个已有的数组中提取部分对象来创建一个新数组的情况。这种操作在数据处理和筛选中非常实用，下面将介绍几种常见的方法来实现这一需求。

方法一：使用map()和filter()方法组合

map()方法用于遍历数组并对每个元素进行操作，filter()方法用于筛选符合条件的元素。假设我们有一个包含多个对象的数组originalArray，每个对象都有name和age属性，现在要创建一个新数组，只包含年龄大于18岁的对象的name属性。

示例代码如下：

const originalArray = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 16 },
  { name: 'Charlie', age: 22 }
];
const newArray = originalArray
.filter(obj => obj.age > 18)
.map(obj => ({ name: obj.name }));
console.log(newArray);

方法二：使用forEach()方法

forEach()方法也可以遍历数组，我们可以在遍历过程中判断条件，将符合条件的对象添加到新数组中。

示例代码如下：

const originalArray = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 16 },
  { name: 'Charlie', age: 22 }
];
const newArray = [];
originalArray.forEach(obj => {
  if (obj.age > 18) {
    newArray.push({ name: obj.name });
  }
});
console.log(newArray);

方法三：使用reduce()方法

reduce()方法可以对数组中的每个元素执行一个回调函数，并将结果累积到一个最终值中。我们可以利用它来创建新数组。

示例代码如下：

const originalArray = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 16 },
  { name: 'Charlie', age: 22 }
];
const newArray = originalArray.reduce((acc, obj) => {
  if (obj.age > 18) {
    acc.push({ name: obj.name });
  }
  return acc;
}, []);
console.log(newArray);

通过以上几种方法，我们可以根据具体的需求和场景，灵活地从一个数组中创建包含部分对象的新数组，从而更高效地处理和操作数据。