如何在 JavaScript 中过滤对象数组

JavaScript 中的数组和对象是非常常用的数据类型之一，经常会需要对其进行过滤操作。下面我们就来介绍如何在 JavaScript 中过滤对象数组。

基本语法

过滤对象数组的基本语法是使用 filter() 方法。filter() 方法可以接受一个回调函数作为参数，用来决定每个元素是否应该保留。回调函数接受一个参数，表示当前正在被遍历的元素。

下面是 filter() 方法的基本语法：

array.filter(callback(element[, index[, array]])[, thisArg])

其中：

• array：要进行过滤操作的数组。
• callback：回调函数，用来决定每个元素是否应该保留。
• element：正在被遍历的当前元素。
• index：当前元素的索引。
• array：正在被遍历的数组。
• thisArg：callback 函数执行时使用的上下文对象。

示例

下面我们来看一个简单的示例，假设我们有一个对象数组如下：

const data = [
  { name: 'Alice', age: 28 },
  { name: 'Bob', age: 25 },
  { name: 'Charlie', age: 30 },
  { name: 'David', age: 22 },
  { name: 'Emma', age: 26 }
];

我们想要保留其中年龄大于等于 26 岁的元素，可以使用以下代码：

const newData = data.filter(item => item.age >= 26);

这样，newData 数组就只包含了两个元素，分别是 { name: 'Alice', age: 28 } 和 { name: 'Charlie', age: 30 }。

多条件过滤

如果需要进行多条件过滤，可以在回调函数中使用多个条件组合，例如：

const newData = data.filter(item => item.age >= 26 && item.name !== 'Bob');

这样，newData 数组就只包含了一个元素，即 { name: 'Alice', age: 28 }。

返回类型

filter() 方法返回一个新的数组，该数组包含保留下来的元素。如果没有任何元素被保留，那么该数组将为空。

总结

通过 filter() 方法可以对对象数组进行过滤操作，并返回一个新的数组。回调函数用来决定每个元素是否应该保留。多条件过滤可以在回调函数中使用多个条件组合。