- 当前位置：首页 >IT科技 >聊聊 Javascript 常见的高阶函数
聊聊 Javascript 常见的高阶函数
发布时间：2025-11-04 14:21:13 来源：码上建站 作者：域名
高阶函数，聊聊英文叫 Higher Order function。阶函一个函数可以接收另外一个函数作为参数，聊聊这种函数就叫做高阶函数。阶函
示例：
function add(x,聊聊 y, f) { return f(x) + f(y); } //用代码验证一下： add(-5, 6, Math.abs); // 11一、常见的阶函高阶函数
ES6中数组新增了几种方法，其中 map、聊聊reduce、阶函filter 几个都是聊聊高阶函数，除此，阶函普通的聊聊sort也是高阶函数。分别介绍下新增的阶函三个方法。
1.1、聊聊filter
filter 是阶函过滤数组，返回满足条件的聊聊数据，组成一个新的数组返回，不满足条件的被丢弃。香港云服务器
实例1：取出数组中小于 100 的数据，放到一个新数组中
let grad = [ 102, 188, 55, 66, 200, 800 ] let arr2 = grad.filter( function(item){ return item <= 100 }) console.log("arr2",arr2)// 55, 66上述实例中，filter传入的参数是一个函数，传入的函数依次作用于每个元素，然后根据返回值是 true 或 false 决定保留还是丢弃元素。因为只有 55 66 两个满足条件，所以新的数组中只有这两个元素。
1.2、map
map 是映射的意思。
原数组被映射成一个新的数组，返回值是一个新数组，不改变原来的数组。新的网站模板数组与原数组的长度是不会改变的。
实例2：给数据每个元素放大 2 倍。
let arr2 = [ 55, 66 ] let arr3 = arr2.map( item => { return item*2 }) //返回结果 [ 110, 132 ]上述实例，map接收的参数是一个函数，该函数依次作用于每个元素，对元素放大了2倍，也可以对其进行任意的复杂操作。
1.3、reduce
reduce 是对数组进行汇总的，往往进去一个数组，出来是一个数据。经常用于求和和计算平均值。
实例3：对上个实例返回的结果进行求和。
let sum = arr3.reduce((tmp,item)=>{ return tmp+item }) //返回结果 242重点来了，如果我们想把上边三个实例合并到一起执行，源码库最终我们可以写得有多简单呢?
// 复杂写法 let grad = [102,188,55,66,200,800] let arr2 = grad.filter(function(item){ return item <= 100 }) let arr3 = arr2.map(item=>{ return item*2 }) let sum = arr3.reduce((tmp,item)=>{ return tmp+item }) //简单写法 let sum2 = grad .filter( item => {return item <= 100}) .map(item=>{return item*2}) .reduce((tmp,item)=>{return tmp+item})服务器租用企商汇源码下载IT技术网亿华云IT资讯网益华科技源码库香港云服务器亿华互联益强资讯优选码上建站亿华灵动亿华智慧云亿华云计算益强IT技术网益强科技多维IT资讯云智核益强编程舍编程之道益强数据堂云站无忧极客码头益强科技益华科技全栈开发亿华科技思维库亿华智造益强编程堂运维纵横亿华云益强智囊团极客编程码力社IT资讯网益强智未来益华IT技术论坛益华科技科技前瞻智能时代创站工坊
- Copyright © 2025 Powered by 聊聊 Javascript 常见的高阶函数,码上建站 滇ICP备2023006006号-47sitemap