高阶函数是接收函数作为参数的函数，如map、filter、reduce、sort等；filter筛选返回true的元素生成新数组，map将每个元素映射为新值生成等长新数组，二者均不修改原数组且可链式调用。
高阶函数就是把函数当参数传进去的函数。map、filter 是最常用也最典型的两个，它们不改原数组，只返回新数组，逻辑清晰、写法简洁。
什么是高阶函数
只要一个函数接收另一个函数作为参数，它就是高阶函数。比如：
`array.filter(callback)` 中的 filter 就是高阶函数，因为它把 callback 当参数用了。
类似还有 map、reduce、sort（传比较函数时）等。
filter：筛选符合条件的元素
它遍历数组，对每个元素执行回调函数，只保留返回 true 的那些元素，组成新数组。
回调函数必须返回布尔值：true 留下，false 跳过不改变原数组，也不处理空数组常用场景：找偶数、找大于某值的数、筛选对象列表（如 status === ‘active’）
例子：
const nums = [5, 12, 8, 23, 4];
const evens = nums.filter(n => n % 2 === 0); // [12, 8, 4]
map：对每个元素做变换
它把数组每个元素“映射”成新值，一一对应生成新数组，长度和原数组一致。
回调函数返回什么，新数组就放什么常用于格式转换：数字翻倍、转字符串、提取对象字段（如 users.map(u => u.name)）同样不修改原数组
例子：
const prices = [19.99, 29.99, 9.99];
const withTax = prices.map(p => parseFloat((p * 1.1).toFixed(2))); // [21.99, 32.99, 10.99]
map 和 filter 可以链式调用
因为都返回新数组，所以能连着写，代码更紧凑：
立即学习“Java免费学习笔记（深入）”；
先 filter 挑出数据，再 map 加工比如：找出价格大于 15 的商品，然后只取它们的名字
例子：
const items = [{name:'book', price:12}, {name:'pen', price:25}, {name:'note', price:18}];
const names = items.filter(i => i.price > 15).map(i => i.name); // ['pen', 'note']
基本上就这些。不用记太多规则，记住核心：filter 是“挑”，map 是“变”，两者都安全、纯函数、易组合。
以上就是JavaScript中什么是高阶函数_map_filter如何使用的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543336.html
微信扫一扫 
支付宝扫一扫 
