高阶函数本质是接受函数为参数或返回函数的函数,是函数式编程基石;map严格按原数组长度返回新数组,不修改原数组;filter依据回调返回值的真值性筛选元素,保持原始顺序。

高阶函数在 JavaScript 中的本质是什么
高阶函数不是语法糖,而是指「接受函数作为参数」或「返回函数」的函数。它本身不特殊,但它是函数式编程的基石——map、filter、reduce 全是高阶函数,因为它们都接收一个回调函数作为参数。
注意:不是所有带函数参数的函数都叫高阶函数(比如 setTimeout(fn, 100) 是,但 JSON.stringify(obj, replacer) 中的 replacer 是可选回调,也符合定义),关键看是否「以函数为一等公民来使用」。
map 的核心行为和常见误用
map 只做一件事:对数组每个元素调用回调函数,**原样返回一个新数组**,长度与原数组严格一致。它不修改原数组,也不跳过元素。
- 如果你需要改变数组结构(比如扁平化、合并对象),别硬套
map,考虑flatMap或reduce - 如果回调里写了
return undefined或没写return,对应位置会变成undefined,不是被过滤掉 -
map不会跳过稀疏数组的空位,但会保留它们(例如[1, , 3].map(x => x * 2)返回[2, , 6])
const nums = [1, 2, 3];
const doubled = nums.map(n => n * 2); // [2, 4, 6]
const withIndex = nums.map((n, i) => `${i}: ${n}`); // ['0: 1', '1: 2', '2: 3']filter 的判断逻辑和边界情况
filter 的回调函数必须返回布尔值(或能转为布尔的值),true 表示“留下”,false/0/null/undefined/'' 都表示“过滤掉”。它只关心返回值的真值性,不关心具体类型。
立即学习“Java免费学习笔记(深入)”;
- 别在
filter回调里做副作用(如console.log或修改外部变量),这不是它的职责 -
filter不会改变原数组,也不会影响索引顺序——留下的元素保持原始顺序 - 空数组调用
filter总是返回空数组,不管回调怎么写
const words = ['apple', 'banana', 'cherry'];
const longWords = words.filter(w => w.length > 6); // ['banana', 'cherry']
const hasA = words.filter(w => w.includes('a')); // ['apple', 'banana', 'cherry']
const falsyCheck = [0, 1, '', 'hello', null, undefined].filter(Boolean); // [1, 'hello']map 和 filter 组合使用的实际意义
单独用 map 或 filter 很简单,但真实场景中它们常连用——比如先过滤再转换,或先转换再过滤。这种链式调用清晰表达了数据处理流程,且每次返回新数组,便于调试和复用。
注意性能:连续调用 map 和 filter 会遍历多次数组;如果数据量极大(比如上万项),可考虑用 reduce 合并逻辑,但可读性会下降。
const users = [
{ name: 'Alice', active: true, score: 85 },
{ name: 'Bob', active: false, score: 92 },
{ name: 'Charlie', active: true, score: 76 }
];
// 先 filter 再 map:获取活跃用户的姓名大写
const activeNames = users
.filter(u => u.active)
.map(u => u.name.toUpperCase()); // ['ALICE', 'CHARLIE']
真正容易被忽略的是:map 和 filter 的回调函数里,this 默认是 undefined(严格模式下),如果依赖上下文,得显式绑定或用箭头函数。










