从reduce函数说起...
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函数说起...的更多相关文章
- .Net转Java.01.从Main(main)函数说起
在C#中,main函数的签名可以有四种 static void Main(string[] args)static void Main()static int Main(string[] args)s ...
- Hadoop学习:Map/Reduce初探与小Demo实现
原文地址:https://blog.csdn.net/liyong199012/article/details/25423221 一. 概念知识介绍 Hadoop MapReduce是一个用于处 ...
- HIVE理论学习笔记
概述 参加了新的公司新的工作新的环境之后,本人必须学习更多的知识,所以稳固之前的知识和学习新的知识是重中之重,新的公司把hadoop大部分的组件都进行了架构源码深度改造,所以使用过程确实遇到一些麻烦, ...
- 【原】AFNetworking源码阅读(三)
[原]AFNetworking源码阅读(三) 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 上一篇的话,主要是讲了如何通过构建一个request来生成一个data tas ...
- 初识Hadoop
第一部分: 初识Hadoop 一. 谁说大象不能跳舞 业务数据越来越多,用关系型数据库来存储和处理数据越来越感觉吃力,一个查询或者一个导出,要执行很长 ...
- js_继承
一,js中对象继承 js中有三种继承方式 1.js原型(prototype)实现继承 复制代码代码如下: <SPAN style="<SPAN style="FONT- ...
- java异常面试题
1.try{}里有一个return语句,那么紧跟在这个try后的finally {}里的code会不会被执行,什么时候被执行,在return前还是后? 也许你的答案是在return之前,但往更细地说, ...
- return和finally的执行和联系
1.try{}里有一个return语句,那么紧跟在这个try后的finally {}里的code会不会被执行,什么时候被执行,在return前还是后? 也许你的答案是在return之前,但往更细地说, ...
- js中apply()和call()方法的使用
1.apply()方法 apply方法能劫持另外一个对象的方法,继承另外一个对象的属性. Function.apply(obj,args)方法能接收两个参数 obj:这个对象将代替Funct ...
随机推荐
- iOS企业开发In House ipa发布流程
这两天需要发布一个ipa放到网上供其他人安装,需要用到企业级开发者账号.在网上查了一下资料,感觉没有一个比较完善的流程,于是决定把整个流程写下来,供大家参考. 首先详细说明一下我们的目标,我们需要发布 ...
- PHP使用SimpleElement创建和解析xml文件
<!-- 使用SimpleXMLElement生成xml文件 --><?php//生成一个xml文件 //xml字符串$_xml = <<<_xml<?xml ...
- delphi ----处理SQL server主键自增,并给定值
获取一个表中最大的值. function GetNEWID(tablename: string): string; begin Result:=''; with DMW_Public.DQ_Pub d ...
- Spoken English Practice( Nobody have the guts to tell Paul what a mistake he was taking.(call,come,gut,fortune,when it comes to))
音标复习 绿色:连读: 红色:略读: 蓝色:浊化: 橙色:弱读 口语蜕变(2017/6/24) If your ...
- java获取地址全路径
String basePath = request.getScheme()+"://"+request.getServerName()+":"+reques ...
- Log4j 2
Log4j – Apache Log4j 2 - Apache Log4j 2 http://logging.apache.org/log4j/2.x/ Apache Log4j 2 Apache L ...
- Linux(3)- 用户管理、文件与目录权限、常用命令、Linux软件包管理
一.用户管理 现代操作系统一般属于多用户的操作系统,也就是说,同一台机器可以为多个用户建立账户,一般这些用户都是为普通用户,这些普通用户能同时登录这台计算机,计算机对这些用户分配一定的资源. 普通用户 ...
- springboot接口 接收参数为实体对象跟MultipartFile对象报错。
要把文件和普通数据类型分开接口传输,不可以兼容多个类型参数, 建议是传文件一个接口,返回url路径,再和普通数据一起提交,就是两次 企业上的做法都是这样,先用文件服务器保存文件,返回文件路径 http ...
- 安卓项目eclipse有用教程:设置应用名字和图标、屏幕、签名、真机调试、clean、logcat、json解析
怎样在安卓项目中.设置游戏的应用名字和图标? 我们在Androidproject的res资源目录下.会看到3个drawable的目录和一个values目录.就是在这里改动即可. 关于改动应用程序名 ...
- QT Creator常用快捷键
1.F10,F11 单步调试 2.Ctrl + / :注释/取消注释选定内容. 3.F4 :在 头文件(.h) 和 实现文件(.cpp) 之间进行切换. 4.Ctrl + i :自动格式化选中代码. ...