javascript高阶函数是什么_map和filter如何使用【教程】

高阶函数指接受函数为参数或返回函数的函数，如map和filter；map纯函数式转换、不修改原数组，filter依赖truthy/falsy判断筛选，二者均不适用于状态累积、提前退出等场景。

高阶函数不是“高级用法”，而是指接受函数作为参数、或返回函数作为结果的函数——map 和 filter 就是典型的内置高阶函数，它们本身不直接操作数据，而是靠你传进去的函数来决定怎么处理。

为什么 map 不改变原数组，但总返回新数组？

map 的设计目标就是纯函数式转换：输入一个数组，输出一个等长新数组，每个元素由你提供的回调函数计算得出。它不关心副作用，也不修改原始引用。

• 如果你写 arr.map(x =>

  

  x * 2)，原 arr 完全不变
• 回调函数必须有返回值，否则新数组对应位置是 undefined
• 传入空数组时，map 仍返回空数组，不会报错
• 如果回调里写了 console.log 却没 return，新数组全是 undefined —— 这是最常见的“以为变了其实没变”陷阱

filter 的回调函数必须严格返回布尔值吗？

不是必须写 true 或 false，但必须返回“真值（truthy）”或“假值（falsy）”。JavaScript 会自动做一次强制布尔转换。

• [1, 0, '', 'hello'].filter(x => x) 返回 [1, 'hello']，因为 0 和 '' 是 falsy
• 但别依赖隐式转换：写 x > 0 比写 x 更明确，尤其当数据可能含 0、false、null 时
• 回调里不能漏掉 return，否则全部被当作 undefined（falsy），结果为空数组
• filter 返回的新数组长度 ≤ 原数组，且元素顺序保持不变

什么时候不该用 map 或 filter？

当你要累积状态、提前退出、或需要索引+原数组上下文以外的信息时，它们就力不从心了。

• 要“找到第一个满足条件的元素”？用 find，不是 filter + [0]
• 要“累加求和”？用 reduce，map 只负责映射，不聚合
• 要“边遍历边修改原数组”？直接写 for 循环，别硬套 map 然后对返回值再赋值给原变量——语义错位，可读性差
• 性能敏感场景（如超大数组）？map/filter 都会新建数组，内存开销比手写循环高；必要时用 for + 条件判断更直接

真正难的不是记住语法，而是判断：这个逻辑到底是在“转换每个元素”，还是“筛选子集”，抑或根本就不是数组遍历问题。别让高阶函数变成思维定式里的装饰词。