JavaScript中的FindAll方法详解|极客笔记

JavaScript中的FindAll方法详解

简介

在JavaScript中，FindAll方法用于查找数组中的所有符合条件的元素，并返回一个新的数组。该方法是JavaScript数组对象的内置方法，通过调用数组对象的FindAll方法，可以实现对数组的筛选和过滤操作。

本文将详细介绍JavaScript中的FindAll方法，包括该方法的定义、语法、用法示例以及相关注意事项。

定义

FindAll方法用于从数组中查找符合指定条件的所有元素，并将这些元素放入一个新的数组中返回。

语法

FindAll方法的语法如下所示：

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

其中，参数说明如下：

callback：表示一个函数，用于检测数组中的每个元素。该函数可以接收三个参数：
- element：表示当前正在处理的元素。
- index：表示当前正在处理的元素在数组中的索引（可选）。
- array：表示正在调用FindAll方法的数组（可选）。
- 函数返回值：若函数返回true，则表示该元素符合条件；否则返回false。
thisArg：可选参数，表示在执行回调函数时使用的this值。

FindAll方法会遍历数组中的每一个元素，并将其传递给回调函数进行判断。若回调函数返回true，则将该元素添加到返回的新数组中。

使用示例

以下是使用FindAll方法的一些示例，以帮助更好地理解该方法的使用和效果。

示例1：筛选偶数

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const evenNumbers = numbers.FindAll((element) => {
  return element % 2 === 0;
});

console.log(evenNumbers);

输出：

[2, 4, 6, 8, 10]

在上述示例中，我们定义了一个包含10个元素的数组numbers。然后，我们调用了FindAll方法，并传入一个回调函数。该回调函数判断当前元素是否为偶数，若是，则返回true；反之，返回false。最终，FindAll方法返回了一个新的数组evenNumbers，其中包含原数组中的所有偶数。我们通过console.log将结果打印出来。

示例2：筛选年龄小于30的人员

const persons = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 35 },
  { name: "David", age: 40 }
];

const youngPersons = persons.FindAll((element) => {
  return element.age < 30;
});

console.log(youngPersons);

输出：