• 从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 = [1, 2, 3, 4];
                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(0); } 

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

    Array.prototype.clone=function(){ return [].concat(this); }   
  • 相关阅读:
    Restful、SOAP、RPC、SOA、微服务之间的区别
    SOA(面向服务的架构.)、RPC(远程过程调用)思想
    facade层,service 层,domain层,dao 层设计
    Mac下配置alias,zsh终端命令别名
    .bash_profile 和.zshrc
    什么是零担物流?零担物流的五大特点
    零担是什么意思,零担物流和快递有什么区别
    idea vm options
    idea中 VM options配置
    ES配置生命周期策略
  • 原文地址:https://www.cnblogs.com/hankuikui/p/6963852.html
Copyright © 2020-2023  润新知