Javascript 常见的高阶函数详情
作者:前端人 发布时间:2024-04-18 09:30:22
标签:Javascript,高阶函数
目录
一、常见的高阶函数
1.1、filter
1.2、map
1.3、reduce
高阶函数,英文叫 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})
来源:https://www.cnblogs.com/web-learn/p/15346324.html
0
投稿
猜你喜欢
- 1、django的model转json对象。1.1、单个modle转换,返回json对象:sqlOrder = get_object_or_
- 功能描述:打开一个网站的网页,过5分钟不动作,就会锁定页面,隐藏内容容器,显示一个容器用于输入密码,输入正确的密码来解锁。锁定后即使用户刷新
- 本文实例为大家分享了Python实现图片格式转换的具体代码,供大家参考,具体内容如下碰上这样一个情景:我从网络上下载了一张表情包图片,存放在
- 基于Ubuntu16.04 + Python3 + nginx + mysql + Django接下来先安装这些必要的环境,这些操作都是在你
- 1.自定义聚合函数,结合agg使用2. 同时使用多个聚合函数3. 指定某一列使用某些聚合函数4.merge与transform使用impor
- 首先介绍下简朝阳.现就职于阿里巴巴(中国)网络技术有限公司DBA Team运维部, 简朝阳是本次MYSQL技术征文大赛第三名得主(获奖文章:
- 下面是ThoughtBot 的Git使用规范流程。我从中学到了很多,推荐你也这样使用Git。第一步:新建分支首先,每次开发新功能,都应该新建
- 前言本文主要介绍了关于MySQL主键为0与主键自排约束的关系,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。开始不设置主键
- python压缩和解压缩模块之zlib由于早期的zlib和Python之间不兼容,故推荐1.1.4以后的版本。导入zlib后可以查看版本号&
- 前言最近项目中遇到一个用于监控日志文件的Python包pyinotify,结合自己的项目经验和网上的一些资料总结一下,总的原理是利用pyin
- 本文实例讲述了flask框架单元测试原理与用法。分享给大家供大家参考,具体如下:为什么要测试?Web程序开发过程一般包括以下几个阶段:[需求
- 小编相信对于大多数熟悉Python的人来说,一定都听说并且使用过pip这个工具,但是对它的了解可能还不一定是非常的透彻,今天小编就来为大家介
- 内容摘要:最近在做项目的时候,客户要求表格里的数据可以拖选,于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数
- 内容摘要:除了内部性能增强和优化外,IIS6.0版本的 Active Server Pages(ASP)&nb
- 1.1 什么是Mysql多实例?简单的说,Mysql多实例就是在一台服务器上同时开启多个不同的服务端口(如 : 3306/3307/3308
- 1、打开mysql.exe(MySQL Command Line Client),输入密码2、输入:use mysql;3、查询host输入
- 本文实例讲述了flask框架自定义过滤器。分享给大家供大家参考,具体如下:除了一些内置的join length safe等过滤器外, fla
- 具体不多说,直接上代码。欢迎一起交流和学习。创建一个按月创建表的存储过程,SQL语句如下:DELIMITER // DROP PROCEDU
- 这篇文章主要介绍了通过python检测字符串的字母,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可
- 记得以前的Windows任务定时是可以正常使用的,今天试了下,发现不能正常使用了,任务计划总是挂起。接下来记录下Python爬虫定时任务的几