本文详细解析了JavaScript中filter()方法的工作原理，并通过多个实例展示了其在数组筛选中的应用技巧。
在JavaScript中，`filter()`是一个非常实用的数组方法，它允许我们从数组中筛选出满足特定条件的元素，并创建一个新的数组。在这个实例分析中，我们将深入理解`filter()`的使用方法，包括其基本语法、常见应用场景以及如何与其他方法结合使用。
`filter()`的基本语法如下：
```javascript
let newArray = array.filter(callback(currentValue[, index[, array]])[, thisArg])
```
1. `array`：要进行过滤操作的数组。
2. `callback`：一个函数，用于测试数组中的每个元素。如果函数返回`true`，则该元素会被包含在新数组中；如果返回`false`，则不会被包含。
3. `currentValue`：当前元素的值。
4. `index`（可选）：当前元素的索引。
5. `array`（可选）：调用`filter()`的数组。
6. `thisArg`（可选）：在执行回调函数时，`this`关键字将被设置为`thisArg`的值。
让我们通过几个实例来进一步了解`filter()`的用法：
**示例1：删除数组中的偶数**
```javascript
var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
return x % 2 !== 0;
});
console.log(r); // 输出：[1, 5, 9, 15]
```
在这个例子中，我们定义了一个回调函数，检查元素是否为奇数。如果是，则该函数返回`true`；否则返回`false`。因此，`filter()`方法会保留所有返回值为`true`的元素。
**示例2：删除数组中的空字符串**
```javascript
var arr = [A, , B, null, undefined, C, ];
var r = arr.filter(function (s) {
return s && s.trim();
});
console.log(r); // 输出：[A, B, C]
```
这里，我们不仅检查元素是否为空，还使用`trim()`方法去除前导和尾部的空白字符。确保元素既不是空字符串也不是由仅有的空格组成的字符串。
**示例3：利用额外参数**
`filter()`的回调函数可以接受三个参数：`element`, `index`, 和 `self`. 下面的例子展示了如何使用这些参数：
```javascript
var arr = [A, B, C];
var r = arr.filter(function (element, index, self) {
console.log(element); // 依次打印 A, B, C
console.log(index); // 依次打印 0, 1, 2
console.log(self); // self就是变量arr
return true;
});
```
**示例4：去除数组中的重复元素**
```javascript
var r, arr = [apple, strawberry, banana, pear, apple, orange, orange, strawberry];
r = arr.filter(function (element, index, self) {
return self.indexOf(element) === index;
});
console.log(r.toString());
```
这个示例利用了`indexOf()`方法，如果当前元素在数组中的索引与回调函数中提供的索引相同，则说明这是第一次出现的该元素，因此保留该元素。
**示例5：筛选素数**
```javascript
function get_primes(arr) {
return arr.filter(function (element) {
var flag = true;
if (element < 2) {
flag = false;
} else {
for (var i = 2; i < element; i++) {
if (element % i === 0) {
flag = false;
break;
}
}
}
return flag;
});
}
// 测试
var x, r, arr = [];
for (x = 1; x < 100; x++) {
arr.push(x);
}
r = get_primes(arr);
console.log(r.toString());
```
这个例子展示了如何使用`filter()`筛选数组中的素数。对于每个元素，我们检查它是否小于2（不是素数）或能否被2到自身之间的任何数字整除（同样也不是素数）。
总结：
`filter()`在JavaScript中扮演着重要的角色，特别是在处理数组数据时。它可以轻松地从数组中提取满足特定条件的元素，从而简化代码并提高可读性。结合其他数组方法如`map()`, `reduce()`, 和 `forEach()` 可以实现更复杂的操作。无论是在日常开发还是面试中，熟练掌握`filter()`都是必不可少的技能。
5星
