箭头函数单行隐式返回是 filter 简洁过滤的关键，需确保表达式清晰、无副作用且返回布尔值；推荐 x => x > 2，避免嵌套逻辑，善用逻辑运算符组合条件，注意对象字面量括号、副作用规避及复杂逻辑换行。
箭头函数的单行隐式返回，是 JavaScript 中让过滤逻辑“一眼看懂、一行写完”的关键技巧——前提是表达式本身足够清晰、无副作用，且返回值正是你想要的布尔判断结果。
用箭头函数直接返回布尔表达式
过滤数组时，filter() 方法需要一个返回 true 或 false 的回调。箭头函数省略花括号和 return 后，单个表达式会自动作为返回值。只要这个表达式求值为布尔类型（或可强制转换为布尔），就能直接用于过滤。
-
✅ 推荐写法：
[1, 2, 3, 4].filter(x => x > 2)→[3, 4] -
⚠️ 避免嵌套逻辑：像
x => { if (x) return x > 0; else return false; }就失去了单行优势，应简化为x => x > 0 -
注意隐式转换：
arr.filter(x => x)会过滤掉null、undefined、0、''、false，适合“真值过滤”，但需明确业务是否接受这种宽松判断
组合多个条件：用逻辑运算符代替 if-else
多个过滤条件不用写多行或三元，直接用 &&、||、! 拼接，语义清晰，仍保持单行。
-
且关系：
users.filter(u => u.active && u.age >= 18) -
或关系：
items.filter(i => i.type === 'A' || i.type === 'B') -
排除某类：
list.filter(x => !x.archived && x.score != null) -
安全访问 + 判断：
data.filter(d => d?.status === 'done')（可选链避免报错）
封装可复用的过滤谓词（Predicate）
把常见过滤逻辑抽成命名常量或小函数，既保持单行简洁，又提升可读性和复用性。
-
定义谓词：
const isPositive = x => x > 0;、const hasEmail = user => user?.email?.trim(); -
组合使用：
users.filter(hasEmail).filter(isActive)或users.filter(u => hasEmail(u) && isActive(u)) -
带参数的谓词：
const byMinScore = min => x => x.score >= min;→data.filter(byMinScore(80))
慎用隐式返回的边界情况
单行隐式返回很爽，但某些结构容易出错或降低可读性，需主动规避。
-
对象字面量要加括号：
x => ({ id: x.id, name: x.name })，否则x => { id: x.id }被解析为代码块，返回undefined -
避免副作用：不要在单行中调用
console.log或修改外部状态，如x => (console.log(x), x > 0)虽语法合法，但违背函数式意图 - 复杂判断请换行：如果条件包含三元、多次调用、正则匹配等，优先换行写清楚，不硬凑单行
单行隐式返回不是为了炫技，而是让“过滤什么”这件事，在代码里像自然语言一样直白。该简则简，该展则展，核心是让下一个人（包括未来的你）扫一眼就明白意图。
