Javascript数组---map(),reduce()方法的区别
来源:互联网 发布:西安软件开发工资待遇 编辑:程序博客网 时间:2024/05/22 09:00
在说明map()和reduce()的区别之前先看两段代码:
/*map()方法*/function increase(x){ return x+1;}var array=[1,2,3,4,5];var array2=array.map(increase);console.log(array2); //[2,3,4,5,6]
/*reduce()方法*/function multiply(x,y){ return x*y;}var array=[1,2,3,4,5];var array2=array.reduce(multiply);console.log(array2); //120
由此可见,map()和reduce()的用法都很相似,都是把一个函数作为参数传递进来。
不同的是,map()是把array中的所有元素,都依次作为increase函数的参数传进去,即依次执行
increase(1); increase(2); increase(3); increase(4); increase(5);
每次都得到一个返回值,即2,3,4,5,6,最终把这些返回值作为数组返回给array2。
而reduce()是先把数组的前两个数作为参数传进multiply函数,然后把返回值加上数组的第三个数,再次作为参数传进multiply函数,如此类推,最终得到的就不是数组了,而是一个数。
在上面的例子里,是先把array的前两个数1,2传进multiply函数,执行后得到返回值2,再把2和array的第三个数2传进multiply函数,执行后就得到返回值4了,如此类推最终得到120。
另外reduce()除了把multiply函数作为第一个参数外,还可以再加一个默认值作为第二个参数,即reduce(multiply,默认值),有了默认值之后,就不是先把array的前两个数1,2传进multiply函数了,而是先把默认值和array的第一个数传进multiply函数,后面的就如此类推了。
阅读全文
0 0
- Javascript数组---map(),reduce()方法的区别
- JavaScript数组map()、reduce()方法
- JavaScript数组forEach()、map()、reduce()方法
- javascript 的 map/reduce
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- javascript中数组的迭代方法对比:forEach()、map()、reduce()、some()、every()、filter()图解
- JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- JAVASCRIPT中数组的迭代方法:FOREACH、MAP、FILTER、REDUCE、EVERY、SOME各个说明
- javaScript--数组(Array)的reduce方法解析
- 详解JavaScript中数组的reduce方法
- 详解JavaScript中数组的reduce方法
- JavaScript数组方法reduce解析
- javascript---数组array方法reduce()
- JavaScript中的map和filter、reduce方法
- javaSctipt数组的reduce方法
- python之map和reduce的区别
- Map Join和Reduce Join的区别
- C++继承(public,protected,private)
- Material Design 系列(4)—TabLayout&ViewPager&Fragment
- 题目1028:继续畅通工程
- jQuery-DOM篇
- 计时器
- Javascript数组---map(),reduce()方法的区别
- 菜鸟先飞之JAVA_泛型
- svn服务端的使用
- jqGrid
- 浅谈c#Management的使用
- JavaScript 入门
- UVA 524 素数环(DFS枚举+剪枝)
- CodeForces-428-div2-c
- 2017"百度之星"程序设计大赛