JavaScript Array filter() 方法详解与实战

filter() 方法概述

filter是JavaScript中一个常用的数组操作方法，其核心功能是从原数组中剔除不符合条件的元素，并返回包含剩余元素的新数组。

与map()类似，filter()也接收一个回调函数作为参数。不同之处在于，map()将回调函数作用于每个元素以生成新值，而filter()则依据回调函数的返回值（true或false）来决定是否保留该元素。

例如，若需从一个数组中剔除偶数，仅保留奇数，代码实现如下：

var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
  return x % 2 !== 0;
});
r; // [1, 5, 9, 15]

另一个常见场景是清理数组中的空字符串，具体写法如下：

var arr = ['A', '', 'B', null, undefined, 'C', ' '];
var r = arr.filter(function (s) {
  return s && s.trim(); // 注意：IE9以下的版本没有trim()方法
});
r; // ['A', 'B', 'C']

由此可见，使用filter()高阶函数的核心在于正确编写“筛选”回调函数。

实践练习：筛选素数

练习

请尝试利用filter()方法，从一组数字中筛选出所有的素数。