位置: 编程技术 - 正文

javascript函数式编程程序员的工具集(javascript数学函数)

编辑:rootadmin

推荐整理分享javascript函数式编程程序员的工具集(javascript数学函数),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript函数用法,javascript函数大全,javascript中的函数该如何理解,javascript中的函数该如何理解,javascript中的函数该如何理解,javascript函数写法,javascript 函数,javascript 函数,内容如对您有帮助,希望把文章链接给更多的朋友!

如果你仔细看了到目前为止出现过的示例代码,你会发现这里面的一些方法不太熟悉。 它们是map()、filter()和reduce()函数,它们对任何语言的函数式编程都至关重要。 它们可以让你不必使用循环和语句,写出更简洁的代码。

map()、filter()和reduce()函数组成了函数式程序员工具集的核心部分,这个工具集包括一系列纯的、 高阶的函数,它们是函数式方法的主力。实际上,它们是纯函数和高阶函数的典型,它们以一个函数为输入, 返回一个输出结果,并且不产生副作用。

然而它们是浏览器中ECMAScript 5.1的实现标准,它们只工作于数组。每次调用它们,一个新的数组会被创建并返回, 而原来存在的那个数组不会被改变。它们以函数为输入,经常使用匿名函数作为回调函数。它们遍历数组, 并对数组的每一个元素应用这个函数!

还有一点,它们只作用于数组,无法作用于其它可迭代的数据结构,比如对象。不用担心, 有很多库比如Underscore.js,Lazy.js,stream.js等等都实现了它们自己的更强大的map()、 filter()和reduce()。

回调

如果你以前从来没用过回调,那这个概念可能会让你有些迷惑。尤其是在Javascript中, Javascript给出了好几种声明函数的方式。

回调函数用于传递给另外一个函数供它们使用,这是一种像传递对象一样来传递逻辑的方式:

对于比较简单的任务可以用匿名函数:

回调不仅用于函数式编程,在Javascript中它们能干很多事情。仅作为例子,这有个callback()函数用于jQuery的AJAX调用:

注意这里只用了函数的名字,因为我们并不是要调用函数而是传递函数,写成这样就错了:

如果我们调用了函数会发生什么?在这个例子里,myCallback(xhr)会尝试执行,控制台将打印“undefined”, 并会返回true。当ajax()完成调用时,它根据名字找到的回调函数将是一个"true",然后就报错了。

也就是说我们无法指定给回调函数传什么参数,如果我们的回调函数需要让ajax()函数传给他我们想要的参数, 我们可以把回到函数包在一个匿名函数里:

Array.prototype.map()

map()是这些函数的老大,它简单地对数组里的元素依此应用回调函数。

语法:arr.map(callback [, thisArg]);

参数:&#;callback(): 这个函数为新数组产生一个元素,它接收的参数: &#;currentValue:数组当前遍历到的元素&#;index:数组中当前元素序数&#;array:当前正在处理的数组

&#;thisArg:这是个可选参数,当执行回调的时候它作为回调函数的this

例子:

尽管Array.prototype.map方法是Javascript中数组对象的标准方法,你也可以很容易地扩展自己的对象。

Array.prototype.filter()

filter()函数用于把数组中的一些元素筛选出来。回调函数必须返回真(保留到新数组里)或假(扔掉)。 用map()可以做类似的事情,就是把你像扔掉的元素返回为null,不过filter()函数会在新数组里面删除这些不要的元素, 而不是留个null占着位置。

语法:arr.filter(callback [, thisArg]);

&#;callback():这个函数用来测试数组中的每个元素,要保留返回真,否则返回假。它有这些参数: &#;currentValue:数组当前遍历到的元素&#;index:数组中当前元素的序数&#;array:当前正在处理的数组

&#;thisArg:这是个可选参数,当执行回调的时候它作为回调函数的this

例子:

javascript函数式编程程序员的工具集(javascript数学函数)

Array.prototype.reduce()

reduce()函数,有时也称为fold,它用于把数组中的所有值聚集到一起。回调需要返回组合对象的逻辑。 对于数字来说,它们往往会被加到一起或者乘到一起。对于字符串来说,它们往往是被追加到一起。

语法:arr.reduce(callback [, initialValue]);

参数&#;callback():此函数把两个对象合并成一个对象,并将其返回。参数有: &#;previousValue:上一次回调函数被调用时返回的值,或者是初始值(如果有的话)&#;currentValue:数组当前正在处理的元素&#;index:数组中当前元素的序数&#;array:当前正在处理的数组

&#;initialValue:可选。第一次回调所传入参数的初始值

例子

其它函数

map()、filter()和reduce()函数在我们辅助函数的工具箱里并不孤单。这里还有更多的函数几乎在所有函数式应用里都会被使用。

Array.prototype.forEach

forEach()函数本质上是map()函数的非纯版本,它会遍历整个数组,并对每个元素应用回调。 然而这些回调函数不返回值。它是实现for循环的一个更纯粹的方式。

语法:arr.forEach(callback [, thisArg]);

参数:&#;callback():对数组中每一个元素所应用的。参数有: &#;currentValue:数组中当前正在处理的元素&#;index:数组中当前元素的序数&#;array:正在处理的数组

&#;thisArg:可选。回调函数中作为this的值

例子:

Array.prototype.concat

如果不用for或while处理数组,你会经常需要把数组拼接起来。另一个Javascript内建函数concat就是专门干这事儿的。 concat函数会返回一个新数组但不改变旧数组。它可以把你传入的所有参数拼接到一起。 console.log([1, 2, 3].concat(['a','b','c']) // 拼接两个数组// Output: [1, 2, 3, 'a','b','c']

它返回两个数组拼接成的数组,同时原来的那些数组没有被改变。这就意味着concat函数可以链式调用。

变量x、y、z的值最后都是[1,2,3,4,5,6,7,8,9]。

Array.prototype.reverse

这个Javascript内建函数是用于数组变形的。reverse函数用于将一个数组反转,也就是第个一元素会跑到最后, 而最后一个元素变成了第一个元素。

然而,这个函数并不会返回一个新的数组,而是把原来的数组替换掉了。我们可以做个更好的。下面是一个纯的反转数组函数

Array.prototype.sort

与map()、filter()和reduce()函数相似,排序函数sort()需要传入一个回调函数来定义数组如何排序。 但是,跟reverse()一样,它也会把原来的数组替换。这可不太好。 arr = [, , , 7, ];console.log(arr.sort(function(a,b){return a?b}) );// arr现在是: [7, , , , ];

我们可以写一个纯函数的sort(),但是排序算法的源代码很麻烦。对于特别大的数组,应当根据特定的数据结构来选用适合的算法, 比如快速排序、合并排序、冒泡排序等等。

Array.prototype.every 和 Array.prototype.some

Array.prototype.every() 和 Array.prototype.some() 都是纯的高阶函数,它们是Array对象的方法, 通过回调函数根据数组各元素返回的布尔值(或相当于布尔的值)来进行测试。如果数组中所有的元素通过回调函数计算都返回True, every()函数就返回true;如果数组中有一个元素返回True,some()函数就返回True。

例子:

JavaScript实现上下浮动的窗口效果代码 本文实例讲述了JavaScript实现上下浮动的窗口效果代码。分享给大家供大家参考。具体如下:这里介绍使用JavaScript实现上下浮动的窗口,在垂直方向上漂

关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别 最近在做的在线考试和课程商城都遇到这样的问题:就是鼠标滑过的时候出现一个层,当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪

JS实现新浪微博效果带遮罩层的弹出框代码 本文实例讲述了JS实现新浪微博效果带遮罩层的弹出框代码。分享给大家供大家参考。具体如下:这是一款新浪微博效果的弹出框,现成的JS代码,兼容I

标签: javascript数学函数

本文链接地址:https://www.jiuchutong.com/biancheng/380311.html 转载请保留说明!

上一篇:深入探讨javascript函数式编程(深入探讨换个说法怎么说)

下一篇:JavaScript实现上下浮动的窗口效果代码(javascript第二章上机怎么写)

  • 个体工商户应如何购买社会保险公积金
  • 餐饮设备租赁服务属于
  • 税金及附加包括印花税吗
  • 疫情期间生活服务业免征增值税截止时间
  • 无票收入在增值税表中填哪
  • 可以公账户给私账转账吗
  • 赔偿支出需要纳税调整吗
  • 增值税一般纳税人资格登记表
  • 国家对工资发放的规定
  • 企业职工保险如何转灵活就业
  • 商誉转销会计分录
  • 制造费用属于资产类账户吗
  • 增值税普票跨年重开风险
  • 企业所得税负数会计分录
  • 小规模应税行为扣除额计算
  • 所得税季度申报表营业成本怎么填
  • 税务局买税控盘需要的资料
  • 增值税申报表附表一填表说明
  • 基础年收入是什么意思
  • 汇算清缴补交需要调报表吗
  • 个税返还手续费入什么科目
  • 物业费需要摊销吗?
  • 预付账款收不回来摘要怎么写
  • Win11如何设置快捷键调音量
  • 捐赠支出税前扣除票据
  • 收到苗木发票怎么做账
  • ipad怎么切换输入法
  • 代个人多交的社保怎么查
  • php数组函数 菜鸟
  • php数组函数大全
  • 盈余公积科目是什么科目
  • 会计月末账务处理流程图
  • ubuntu npm安装
  • Zend Framework+smarty用法实例详解
  • 股东以固定资产入股会计处理
  • php框架推荐
  • 前端搭建项目
  • 普通发票有抵扣联没
  • yolo改进方法
  • yolo系列算法比较
  • 旅行社代订机票的发票可以抵税吗
  • mongodb入门教程
  • 备抵类是什么意思
  • 合伙人资本属于个人资本吗?
  • 待报解预算收入怎么做分录
  • 跆拳道馆薪酬详细方案
  • 违约金 专票
  • 固定资产的期末余额反映固定资产原值的结余额
  • 营改增现代服务中合同能源管理服务
  • 账外房屋按评估值入账怎么进行会计处理
  • 现金日记账年结需要另起一页吗
  • 支付贷款利息的现金流量怎么指定?
  • 银行扣的账户管理费属于什么科目
  • 颁发数字证书要符合什么条件
  • 个人承担的社保算公司的费用吗
  • 赊销是什么意思 视频
  • 什么叫商业会计
  • win10预览版退回正式版
  • linux服务端
  • mac怎么看文件
  • windowsxp装机图片
  • windows怎么安装apk
  • win8.1无法安装
  • 2021年win10新系统版本
  • linux批量清空文件内容
  • cocos creator js ts
  • 适配器模型
  • opengl 有哪些特点?与directx相比它有什么不同?
  • js确认框s弹出框确定和取消
  • linux shell脚本教程
  • 单例 python
  • python的垃圾处理机制
  • js实现拖拽元素改编顺序
  • python 变参
  • android drawpath
  • javascript教程chm
  • 国家税务局吉林省税务局官网app
  • 怎么查询个人所得税申报成功
  • 建筑施工企业一级资质企业,安全生产管理
  • 企业营商环境包括哪些内容
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设