箭头函数在filter中用法与普通函数一致，核心是返回布尔值以决定元素去留；单参数简单逻辑可用隐式返回，多参数或复杂逻辑需显式return，注意花括号内必须写return，否则返回undefined导致全过滤。
箭头函数在 filter 中用法和普通函数一样，核心是返回一个布尔值：为 true 的元素会被保留在新数组中，false 的则被过滤掉。关键在于写对箭头函数的返回逻辑，尤其注意隐式返回和括号、花括号的使用场景。
基础写法：单参数 + 隐式返回
当只传一个参数、且逻辑简单（一行表达式）时，可省略括号和 return：
const numbers = [1, 2, 3, 4, 5]; const evens = numbers.filter(n => n % 2 === 0); // [2, 4]
等价于：n => { return n % 2 === 0; }。这种写法简洁，适合条件判断类操作。
多参数或复杂逻辑：显式写法更安全
如果需要访问数组索引、原数组，或逻辑不止一行，必须用括号包裹参数，并用花括号 + return：
立即学习“Java免费学习笔记（深入）”；
const users = [
{ name: 'Alice', age: 28 },
{ name: 'Bob', age: 35 },
{ name: 'Charlie', age: 22 }
];
// 带索引和原数组（不常用，但支持）
const adults = users.filter((user, index, arr) => {
console.log(`检查第 ${index} 项`, user);
return user.age >= 25;
});
// 多条件判断
const activeAdults = users.filter(user => {
const isAdult = user.age >= 25;
const hasName = user.name && user.name.trim() !== '';
return isAdult && hasName;
});
常见易错点
-
忘记 return：箭头函数若用了花括号，必须显式写
return，否则默认返回undefined（转为false），结果全被过滤 -
this 绑定无影响：
filter回调中的this由调用方决定，箭头函数不会改变它——但在filter场景里通常不涉及this，所以一般不用特别处理 -
空数组或 null/undefined 元素：箭头函数本身不防错，需提前校验数据结构，例如
user?.age >= 25或user && user.age >= 25
和普通函数对比（实际效果一致）
下面两种写法完全等效：
// 箭头函数
arr.filter(x => x > 10);
// 普通函数
arr.filter(function(x) { return x > 10; });
选箭头函数主要是为了简洁和避免 function 冗余；没有功能差异，也不影响 filter 的行为。
