欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavascriptES6新特性之map和reduce详解

程序员文章站 2024-03-27 08:40:34
说明es6中,数组新增了map和reduce方法。1.map()map() :接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回。代码示例:有一个字符串数组,我们希望转为int数组2.r...

说明

es6中,数组新增了map和reduce方法。

1.map()

map() :接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回。

代码示例:

有一个字符串数组,我们希望转为int数组

JavascriptES6新特性之map和reduce详解

2.reduce()

reduce() :接收一个函数(必须)和一个初始值(可选),该函数接收两个参数。下面我们详细的来看一下:

函数原型:

函数参数:

callback是上一次reduce处理的结果:

callback四个参数分别是: 上一次结果值、当前元素、当前索引、原数组

initialvalue是数组中要处理的下一个元素

函数作用机制:

reduce() 会从左到右依次把数组中的元素用reduce处理,并把处理的结果作为下次reduce 的第一个参数。如果是第一次,会把前两个元素作为计算参数,或者把用户指定的初始值作为起始参数。

代码示例:

JavascriptES6新特性之map和reduce详解

综合案例

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注的更多内容!