如何从一个数组中过滤掉另一个数组中的所有元素？

2024-03-02 08:05:43

过滤数组元素：从一个数组中移除另一个数组中的所有元素

引言

在处理数组时，我们经常需要执行过滤操作，例如从一个数组中移除另一个数组中存在的元素。这看似简单，但实现起来却存在挑战。本文将深入探讨使用 JavaScript 的 filter() 函数来高效完成此任务的方法，同时提供自定义实现作为备选方案。

使用 `filter()` 函数

JavaScript 的 filter() 函数是一种内置方法，用于根据指定条件过滤数组元素，创建一个包含所有通过条件测试的元素的新数组。我们可以利用 filter() 函数来过滤数组元素，如下所示：

const originalArray = [1, 2, 3, 4, 5, 6, 7];
const filterArray = [2, 4, 6];
const filteredArray = originalArray.filter((element) => !filterArray.includes(element));

在这个例子中，filter() 函数接受一个回调函数，该函数接收数组中的每个元素作为参数。回调函数返回 true，表示要保留该元素；返回 false，表示要从新数组中移除该元素。通过使用 includes() 方法检查元素是否存在于 filterArray 中，我们可以有效地过滤掉不必要的元素。

自定义实现

如果没有 filter() 函数，我们也可以通过自定义实现来过滤数组元素。使用 for 循环，我们可以遍历原始数组，检查每个元素是否包含在目标数组中。代码示例如下：

const originalArray = [1, 2, 3, 4, 5, 6, 7];
const filterArray = [2, 4, 6];
const filteredArray = [];

for (let i = 0; i < originalArray.length; i++) {
  if (!filterArray.includes(originalArray[i])) {
    filteredArray.push(originalArray[i]);
  }
}

在自定义实现中，我们使用 indexOf() 方法来检查元素是否包含在目标数组中，并将其添加到新数组 filteredArray 中。