JavaScript - Array filter() 方法

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

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

语法

以下是 JavaScript 数组 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

打印本页