JavaScript - Array filter() 方法

在 JavaScript 中，Array.filter() 方法用于创建一个包含通过特定条件的元素的新数组。它接受一个回调函数作为参数，该函数将对数组中的每个元素执行。如果回调函数返回 true，则该元素将添加到新数组中；否则，它将被过滤掉。

此方法不会更改或修改原始数组。此外，它不会对空元素执行回调函数。

语法

以下是 JavaScript Array filter() 方法的语法：

array.filter(callbackFn (element, index, array), thisArg);

参数

此方法接受两个参数。具体描述如下：

callbackfn −这是一个回调函数，将为数组中的每个元素调用一次。它进一步接受三个参数
- element −数组中正在处理的当前元素。
- index −正在处理的当前元素的索引。
- array −当前元素的数组。
thisArg (可选) −它指定一个传递给函数的值，用作其this值。

返回值

此方法返回一个新数组，其中包含回调函数返回 true 的元素。

示例

示例 1

在下面的示例中，提供的回调函数检查“numbers”数组中的每个元素，并返回一个新数组“result”，其中包含所有大于 30 的元素。

<html>
<body>
   <script>
      const numbers = [10, 20, 30, 40, 50];

      const result = numbers.filter(function (number) {
         return number > 30;
      });
      document.write(result);
   </script>
</body>
</html>

输出

40,50

示例 2

这里，提供的回调函数检查数组中的每个元素是否包含字母“a”。

<html>
<body>
   <script>
      const animals = ['Lion', 'Cheetah', 'Tiger', 'Elephant', 'Dinosaur'];

      const result = animals.filter(function (element) {
         return element.includes('a');
      });
      document.write(result);
   </script>
</body>
</html>

输出

Cheetah,Elephant,Dinosaur

示例 3

在这个例子中，我们检查每个年龄是否大于或等于 18。

<html>
<body>
   <script>
      const ages = [18, 25, 13, 16, 22, 15];

      const result = ages.filter(function (age) {
         return age >= 18;
      });
      document.write(result);
   </script>
</body>
</html>

输出

18,25,22

打印页面