本文深入解析 `array.prototype.filter()` 的核心机制，纠正常见误区：回调函数必须返回布尔值、变量作用域不可提前访问、参数命名需避免混淆，并提供规范、可运行的代码示例。
filter() 是 JavaScript 数组的高阶方法，用于创建一个新数组，其中包含所有使回调函数返回真值（truthy）的原数组元素。它不会修改原数组，且其行为高度依赖回调函数的返回值类型与逻辑——这是初学者最容易出错的关键点。
首先，明确 filter() 回调函数的设计契约：
✅ 必须返回布尔值（true 或 false），用于决定当前元素是否保留在结果数组中；
❌ 不能返回元素本身（如 return arr），否则 0、null、undefined 等 falsy 值会被错误过滤掉（例如 0 % 2 === 0 为 true，但 return 0 会被当作 false，导致 0 被丢弃）；
❌ 不可在回调内部访问尚未声明完成的变量（如 console.log(arrEven) 放在 const arrEven = ... 之前），这会触发 ReferenceError: Cannot access 'arrEven' before initialization —— 因为 const 具有暂时性死区（TDZ）。
其次，变量命名应语义清晰、避免遮蔽。原代码中回调参数也命名为 arr，与外层形参同名，不仅造成理解混乱，还可能引发意外覆盖或调试困难。推荐使用语义化参数名，如 el（element）、num、item 等。
以下是修正后的标准写法：
function evensOnly(arr) {
const arrEven = arr.filter((num) => num % 2 === 0);
return arrEven;
}
// 测试
console.log(evensOnly([3, 6, 8, 2])); // [6, 8, 2]
console.log(evensOnly([0, -2, 1, 5])); // [0, -2] ← 注意：0 和 -2 均被正确保留你也可以进一步简化为一行箭头函数（保持可读性前提下）：
立即学习“Java免费学习笔记（深入）”；
const evensOnly = (arr) => arr.filter(num => num % 2 === 0);
⚠️ 重要注意事项：
- filter() 对空数组返回空数组，不会报错；
- 若回调未显式返回值（即隐式返回 undefined），等价于返回 false，所有元素都会被过滤；
- 避免在回调中执行副作用（如修改外部变量、发起请求、console.log），filter() 的设计初衷是纯函数式操作；
- 如需同时获取索引或原数组，回调函数支持三个参数：(element, index, array)，但本例中仅需元素值。
掌握 filter() 的本质——“基于条件的筛选器，而非数据处理器”——是写出健壮、可维护数组逻辑的第一步。
