什么是JavaScript高阶函数_Map和Reduce如何使用

admin 百科 20
JavaScript高阶函数指接受函数为参数或返回函数的函数;map对数组每项执行变换并返回等长新数组,reduce则将数组聚合为单个值,二者均不修改原数组。

什么是JavaScript高阶函数_Map和Reduce如何使用-第1张图片-佛山资讯网

JavaScript高阶函数是指接受函数作为参数、或返回函数作为结果的函数。mapreduce 是两个最常用、也最具代表性的高阶函数,它们不修改原数组,而是基于原数组生成新数据,让代码更简洁、可读性更强。

map:对每个元素做变换,返回等长新数组

map 接收一个回调函数,遍历数组每一项,把处理后的结果组成一个新数组返回。原数组保持不变。

  • 回调函数默认接收三个参数:当前元素(item)、索引(index)、原数组(array),通常只用第一个
  • 必须有返回值,否则新数组对应位置是 undefined
  • 适合场景:格式转换(如提取对象属性)、数值计算(如乘以2)、字符串处理(如转大写)

示例:
const nums = [1, 2, 3];
const doubled = nums.map(x => x * 2); // [2, 4, 6]

const users = [{name: 'Alice'}, {name: 'Bob'}];
const names = users.map(u => u.name); // ['Alice', 'Bob']

reduce:把数组“压缩”成一个值,灵活但需注意初始值

reduce 接收一个“累加器函数”和一个可选的初始值,从左到右依次处理每个元素,最终返回单个结果(可以是数字、对象、数组、字符串等)。

标签: javascript java 回调函数 区别 red

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~