使用 array.filter 过滤数组元素

1。什么 array.filter()

在JavaScript中，我们可以使用数组过滤方法array.filter()来过滤数组中的元素。

    const arr = [1, 2, 3, 4, 5];
    const filteredArr = arr.filter((num) => num > 3);
    console.log(filteredArr); // Output: [4, 5]

上面的代码片段中，我们定义了一个数组的数组，使用数组过滤方法array.filter()来匹配数组中的元素是否大于3，最后过滤出大于3的元素并保存。在filteredArr中。

方法

array.filter()接收一个回调函数作为参数，用于检查数组中的每个元素是否满足条件。如果满足条件，则该元素将包含在结果数组中；否则，它将被过滤掉。

2。如何使用 array.filter()

使用 array.filter() 方法时，通常需要将回调函数作为参数传递。回调函数的格式如下：

    function callback(element, index, array) {
      // 逻辑处理
    }

其中：

• 元素：显示正在处理的元素。
• index：显示已处理元素的下标。
• array：显示正在处理的数组。

回调函数中允许有多个参数，但只需要第一个参数。

3。示例

示例1：过滤某个条件的元素

    const arr = [1, 2, 3, 4, 5];
    const filteredArr = arr.filter((num) => num > 3);
    console.log(filteredArr); // Output: [4, 5]

在上面的例子中，我们使用 array.filter() 方法过滤数组 array 中超过 3 个的元素。最后，大于3的元素存储在filteredArr中并通过console.log()方法输出。

示例 2：使用布尔值过滤元素

    const arr = [1, 2, 3, 4, 5];
    const filteredArr = arr.filter((num) => num % 2);
    console.log(filteredArr); // Output: [1, 3, 5]

在上面的例子中，我们使用 array.filter() 方法过滤掉数组 arr 中的奇数元素，找到所有满足条件的元素并输出。

示例3：获取唯一值的数组

    const arr = [1, 2, 3, 4, 5, 1, 2, 3, 4, 5];
    const filteredArr = arr.filter((num, index, self) => self.indexOf(num) === index);
    console.log(filteredArr); // Output: [1, 2, 3, 4, 5]

在上面的例子中，我们使用 array.filter() 方法来过滤数组 arr 的唯一值元素。我们可以使用Of()数组方法来比较元素的下标，提取元素的唯一值并输出。

示例 4：使用 array.filter() 方法删除数组中的特定元素

    const arr = [1, 2, 3, 4, 5];
    const arrToDelete = [2, 4, 5];
    const filteredArr = arr.filter((num) => arrToDelete.indexOf(num) 
在上面的例子中，我们可以使用 array.filter() 方法删除数组 arr 中的 2、4、5 并输出剩余的元素。使用index Of()方法确定arrToDelete中所有元素的下标，然后使用filter()方法进行过滤。 

4。总结
 使用 JavaScript 中的 array.filter() 方法可以轻松过滤数组中的元素。我们可以通过包含回调函数来确定过滤器将通过的条件，从而对输出进行精细控制。通过示例，您已经了解了如何使用回调函数通过 array.filter() 方法来过滤数组。