箭头函数本身不消除中间变量，但配合链式调用可避免显式声明临时数组；它使内联回调更简洁，提升可读性与组合性，而reduce仅在性能敏感时用于单次遍历。
箭头函数本身不直接“消除中间变量”，但配合链式调用（如 .filter().map()）时，能让你写出更紧凑、无需显式声明临时数组的代码——关键在于**避免把每一步结果赋值给变量**，而是让方法返回的新数组直接被下一个方法消费。
用链式调用替代分步赋值
常见写法（有中间变量）：
const items = [{id: 1, active: true}, {id: 2, active: false}, {id: 3, active: true}];
const activeItems = items.filter(item => item.active); // ← 中间变量
const ids = activeItems.map(item => item.id); // ← 中间变量
链式写法（无中间变量）：
const ids = items .filter(item => item.active) .map(item => item.id);
这行代码内部仍会创建中间数组（JS 数组方法总是返回新数组），但你不需要给它命名或持有引用，语义更聚焦于“我要什么”，而非“我怎么一步步做”。
立即学习“Java免费学习笔记（深入）”；
箭头函数让内联回调更简洁
相比传统函数，箭头函数省略 function、return（单表达式时）和括号（单参数时），让链式中的回调更轻量：
-
.filter(x => x > 0)比.filter(function(x) { return x > 0; })更紧凑 -
.map(({ id, name }) => ({ id, label: name }))解构 + 简洁返回，适合数据转换 - 多参数或需语句块时，加括号和花括号即可：
.map((item, index) => { console.log(index); return item.id; })
注意：链式 ≠ 性能提升，但可读性更可控
链式调用不会减少迭代次数（.filter 和 .map 各遍历一次），但它带来两个实际好处：
- 逻辑线性自上而下，符合阅读直觉：“先筛，再转”
- 避免命名困境（比如
tempActiveList、justIds这类易过时的中间名） - 便于后续插入其他操作，如
.filter(...).map(...).sort(...).slice(0, 5)
进阶：用 reduce 合并 filter+map（仅当真需单次遍历）
如果性能敏感且数组极大，想避免两次遍历，可用 .reduce() 手动合并逻辑：
const ids = items.reduce((acc, item) => {
if (item.active) acc.push(item.id);
return acc;
}, []);
但这牺牲了可读性和组合性。日常开发中，优先用清晰的链式 .filter().map()，除非 profiler 明确指出这是瓶颈。
