本文深入解析 `filter()` 方法的核心用法，纠正常见误区：回调函数必须返回布尔值、变量作用域不可提前访问、参数命名需避免混淆，并提供简洁可靠的偶数筛选实现。
Array.prototype.filter() 是 JavaScript 中用于创建新数组的高阶函数，它遍历原数组的每个元素，并依据回调函数的返回值（必须为布尔类型） 决定是否保留该元素。若回调返回 true，元素被包含；返回 false（或任何假值，如 0、undefined、null），则被过滤掉。
在原始代码中，存在三个关键错误：
作用域与声明时机错误：
const arrEven = arr.filter(...) 是一个声明语句，arrEven 在赋值完成前不可访问。而 console.log(arrEven) 被错误地写在 filter 回调内部——此时 arrEven 尚未初始化，直接触发 ReferenceError: Cannot access 'arrEven' before initialization。-
回调函数语义错误：
filter 的回调应返回 true/false，而非元素本身。原代码 return arr 在遇到 0 时会返回 0（falsy），导致 0 被错误排除（例如 evensOnly([0, 1, 2]) 会漏掉 0）。正确做法是直接返回比较表达式结果：el % 2 === 0，它天然返回布尔值。立即学习“Java免费学习笔记（深入）”；
参数命名冲突：
回调形参命名为 arr，与外层函数参数同名，不仅造成语义混淆，还可能引发调试困难。应使用语义化名称，如 el、num 或 item。
✅ 正确实现如下：
function evensOnly(arr) {
const result = arr.filter((num) => num % 2 === 0);
return result;
}
// 测试
console.log(evensOnly([3, 6, 8, 2])); // [6, 8, 2]
console.log(evensOnly([0, -4, 1, 5])); // [0, -4]? 进阶提示：
- filter() 不修改原数组，始终返回一个新数组，符合函数式编程的不可变原则；
- 可链式调用其他数组方法（如 map()、sort()）；
- 若无需中间变量，可直接 return arr.filter(...)，更简洁：
const evensOnly = (arr) => arr.filter(num => num % 2 === 0);
⚠️ 注意事项总结：
- ✅ 回调必须返回布尔值（推荐直接返回条件表达式）；
- ❌ 禁止在回调内访问尚未完成赋值的 const/let 变量；
- ✅ 使用清晰、无歧义的回调参数名；
- ✅ 记住 filter() 对空数组、非数字元素（如字符串 '4'）的行为——若需健壮性，建议先校验数据类型。
掌握 filter() 的本质逻辑，是写出可读、可靠、可维护数组处理代码的重要基础。
