各种数组方法集锦

数组方法--map的实现

map参考地址https://www.cnblogs.com/yizhilin/p/12918559.html

map()经常用来遍历数据。

map()的作用就是“映射”，也就是原数组被“映射”成对应新数组。

1. 方法概述

     map() 方法返回一个新数组，这个新数组：由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。

 　map() 不会对空数组进行检测。

　 map() 不会改变原始数组。

var arr = ["a","b","c","d","e"];
        arr.map(function(currentValue,index,arr){
            console.log("当前元素"+currentValue)
　　　　　　　console.log("当前索引"+index)
            console.log("数组对象"+arr)
        })

map的参数:

            currentValue  必须。当前元素的值

            index  可选。当期元素的索引值

            arr  可选。当期元素属于的数组对象

 map()跟filter()  和reduce()  的区别

在项目中，经常会使用到数组的map,filter,reduce等方法，在享受这几个方法的便利的同时，也要去弄清楚这几个方法究底是怎么实现的，这样才能更充分的来利用它们。这一篇主要是map的实现方法：

首先针对数组的方法，可以直接类似arr.slice()这种调用的，我们需要将这类方法写在数组的原型对象里，这样就可以直接使用实例化之后的数组来调用。那么我们给我们新创建的方法命一个名，就为consMap。先回顾一下map的用法，arr.map(function(item,i,arr),this),最后返回的是另外一个处理之后的新的数组。

代码

//fn为处理每一项数组的函数，context代表作用域
Array.prototype.consMap = function(fn,context){

    if(!(fn instanceof Function)){
        throw new TypeError('第一个参数需为函数')
    }
    var arr = this;   //this指代实例化的数组
    var newArr = [];
    for(var i = 0;i< arr.length;i++){
        var newValue = fn.call(context,arr[i],i,arr);
        newArr.push(newValue);
    }
    return newArr;
}

验证

    var arr = [1,2,3]
    var newArr = arr.consMap(function(item,i,arr){
        return item + 1;
    })
    console.log(newArr);

结果    [2,3,4]