filter()方法用于创建新数组，包含满足条件的元素。它不修改原数组，通过回调函数测试每个元素，返回布尔值决定是否保留。支持链式调用，常用于筛选数字、对象属性或字符串。注意避免副作用，处理空值，并关注大数据量时的性能。
JavaScript 中的 filter() 方法是一种非常实用的数组操作工具，用于创建一个新数组，只包含原数组中满足指定条件的元素。它不会修改原始数组，而是返回一个新的过滤后数组。
filter() 基本语法
该方法接受一个回调函数作为参数，这个函数会对数组中的每个元素进行测试。只有当回调函数返回 true 时，对应元素才会被加入到新数组中。
array.filter(callback(element, index, array), thisArg)- callback：用来测试每个元素的函数
- element：当前处理的元素
- index（可选）：当前元素的索引
- array（可选）：调用 filter 的原数组
- thisArg（可选）：执行 callback 时使用的 this 值
常见使用场景示例
通过几个实际例子可以更清楚地理解 filter() 的用途。
- 从数字数组中筛选大于 10 的值：
const numbers = [5, 10, 15, 20];
const result = numbers.filter(n => n > 10); // [15, 20] - 过滤对象数组中特定属性符合条件的项：
const users = [{name: 'Alice', age: 25}, {name: 'Bob', age: 17}];
const adults = users.filter(u => u.age >= 18); // 包含 Alice 的数组 - 根据字符串内容查找匹配项：
const words = ['apple', 'banana', 'grape'];
const longWords = words.filter(w => w.length > 5); // ['banana', 'grape']
注意事项与技巧
使用 filter() 时有几个关键点需要注意，有助于写出更安全高效的代码。
立即学习“Java免费学习笔记（深入）”；
- 始终返回布尔值：确保你的回调函数逻辑最终返回 true 或 false
- 避免副作用：不要在 filter 的回调中修改外部变量或原数组
- 空值处理：如果数组中包含 undefined 或 null，记得在条件中做判断
- 链式调用：可与其他数组方法如 map()、sort() 结合使用
基本上就这些。filter() 是处理数据集合时最常用的高阶函数之一，掌握它的用法能显著提升代码的可读性和表达力。不复杂但容易忽略的是，每次调用都会生成新数组，因此在大数据量下要注意性能影响。
