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函数,后面的就如此类推了。

原创粉丝点击