reduce函数:  方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值, 最终返回的要看函数内部return的内容。

1. 累加器:

var arry = [1, 2, 3, 4];
var result = arry.reduce(function (x, y) {
return x + y;
}, 0);

result 结果值:10;

x:上一次值(上一次的运行结果)

y: 当前值

第一次: x 为空(第一次,没有上一次)   y 为 1(当前值)

第二次:x为1(上一次的运行结果为1) 当前y为2

第三,四次........

可以理解为:((((null+1)+2)+3)+4)

最后 函数的第二个参数0 是初始值 ,也就是函数的运行结果再加上0;

像这种累加的操作,还有一个方法就是map函数: 对数组的每个元素调用定义的回调函数并返回包含结果的数组

var arr = [1,2,3,4],
sum = 0;
arr.map(function(item){sum += item});//

咋一看,这不就是forEach嘛。其实map和forEach主要的区别就是map函数可以返回一个新数组,如:

var arr = [1,2,3,4],
sum = 0; var result = arr.map(function(item){return item*item });

result的值为[1,4,9,16]

2. 复制数组

            var arry = [, , , ];
var result = arry.reduce(function (arr, item) {
arr.push(item);
return arr;
}, result);

最后result的结果是:[1, 2, 3, 4]

就是用arr每一次来push进来一个item.最终返回。

稍微改一下这个方法,就可以实现下面的应用:

            var arr = [{ name: '4' }, { name: '5' }, { name: '6' }];

            var source  = ['1', '2', '3']; // 初始数组

            // 对象数组转为一维数组
var result = arr.reduce(function (prev, item) {
prev.push(item.name);
return prev;
}, source); console.dir(result);

result的值为:['1', '2', '3','4', '5', '6'];

            var arr = [['3','4'],['5','6']];

            var source  = ['1', '2']; // 初始数组

            // 二维数组一维化
var result = arr.reduce(function (prev, item) {
return prev.concat(item);
}, source); console.dir(result);

result的值为:['1', '2', '3','4', '5', '6'];

当然复制数组,array也有更简单的方法:

通过slice方法:该是通过参数start和end的传入值来返回数组中的一段,该方法不对原数组进行操作。我们通过slice(0)可以使其返回所有

Array.prototype.clone=function(){ return this.slice(); } 

通过contact方法:通过和一个空函数的合并

Array.prototype.clone=function(){ return [].concat(this); }   

从reduce函数说起...的更多相关文章

  1. .Net转Java.01.从Main(main)函数说起

    在C#中,main函数的签名可以有四种 static void Main(string[] args)static void Main()static int Main(string[] args)s ...

  2. Hadoop学习:Map/Reduce初探与小Demo实现

    原文地址:https://blog.csdn.net/liyong199012/article/details/25423221 一.    概念知识介绍 Hadoop MapReduce是一个用于处 ...

  3. HIVE理论学习笔记

    概述 参加了新的公司新的工作新的环境之后,本人必须学习更多的知识,所以稳固之前的知识和学习新的知识是重中之重,新的公司把hadoop大部分的组件都进行了架构源码深度改造,所以使用过程确实遇到一些麻烦, ...

  4. 【原】AFNetworking源码阅读(三)

    [原]AFNetworking源码阅读(三) 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 上一篇的话,主要是讲了如何通过构建一个request来生成一个data tas ...

  5. 初识Hadoop

    第一部分:              初识Hadoop 一.             谁说大象不能跳舞 业务数据越来越多,用关系型数据库来存储和处理数据越来越感觉吃力,一个查询或者一个导出,要执行很长 ...

  6. js_继承

    一,js中对象继承 js中有三种继承方式 1.js原型(prototype)实现继承 复制代码代码如下: <SPAN style="<SPAN style="FONT- ...

  7. java异常面试题

    1.try{}里有一个return语句,那么紧跟在这个try后的finally {}里的code会不会被执行,什么时候被执行,在return前还是后? 也许你的答案是在return之前,但往更细地说, ...

  8. return和finally的执行和联系

    1.try{}里有一个return语句,那么紧跟在这个try后的finally {}里的code会不会被执行,什么时候被执行,在return前还是后? 也许你的答案是在return之前,但往更细地说, ...

  9. js中apply()和call()方法的使用

    1.apply()方法 apply方法能劫持另外一个对象的方法,继承另外一个对象的属性.  Function.apply(obj,args)方法能接收两个参数     obj:这个对象将代替Funct ...

随机推荐

  1. Xcode删除Project上层group

    本来想在Project下New Group,结果点了New group from selection, 结果在Project上级新建了一个group,邮件菜单中无删除项…… 解决方法: 1,关闭Xco ...

  2. android sliding menu

    https://github.com/jfeinstein10/SlidingMenu/

  3. Dart基础学习03--方法的使用

    1.本文主要讲一下Dart中的方法是怎么定义的,下面先看一个简单的例子: void printNumber(num number) { print('The number is $number.'); ...

  4. Java Json API:Gson使用简单入门

    GSON是Google开发的Java API,用于转换Java对象和Json对象.本文讨论并提供了使用API的简单代码示例.更多关于GSON的API可以访问:http://sites.google.c ...

  5. php学习之有用的资源 总结

    1.php之道,http://laravel-china.github.io/php-the-right-way/ 2.改变php变成效率 http://www.php100.com/html/duj ...

  6. 安装Centos 7操作系统

    一.安装前准备 VMware workstation.CentOS-7-x86_64 系统镜像. 二.开始新建虚拟机 选择典型-下一步  选择稍后安装操作系统-下一步  选择LINUX-CentOS ...

  7. [转载]javascript+ajax+jquery教程11--正则表达式

    原文地址:javascript+ajax+jquery教程11--正则表达式作者:morflame 正则表达式可以: 测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个 ...

  8. Codeforces Round #245 (Div. 1)——Xor-tree

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/u012476429/article/details/25607945 题目链接 题意: 给一棵树n个 ...

  9. 005-TCP传输控制协议

    一.概述 传输控制协议(英语:Transmission Control Protocol,缩写为 TCP)是一种面向连接的.可靠的.基于字节流的传输层通信协议,由IETF的RFC 793定义.在简化的 ...

  10. mysql 关于join的总结

    本文地址:http://www.cnblogs.com/qiaoyihang/p/6401280.html mysql不支持Full join,不过可以通过UNION 关键字来合并 LEFT JOIN ...