ES5新增数组的方法 （indexof／forEach／map／filter）

Posted 2021-03-02 shun1015

新增的数组常见方法：以下说明中，红色为必选参数，蓝色为可选参数
    1.indexOf(data,start);
        用于返回某个数组或者字符串中规定字符或者字符串的位置；
        var arr = ["a","b","c","d","e"];
        arr.indexOf("a");        //0
        //返回当前查询字符所在的位置的下标，如果查询不到，返回-1，start表示从第几位开始查询。
        
    2.forEach(callback); 循环，遍历数组
        var arr = [2,3,4,5,6,7,8];
        arr.forEach(function(value,index,arr){
            console.log(value,index,arr);
            //函数中的三个参数分别代表，该项的值，该项下标，数组本身
        })

    3.map(callback); 会遍历当前数组，然后调用参数中的方法，返回当前方法的返回值；
        3.1 执行次数和参数，参考forEach
            var arr = [2,3,4,5,6];
            arr.map(function(value,index,arr){
                console.log(value,index,arr);
            })
        3.2 返回值 及 应用
            map不会改变原有数组，而是将函数执行一次之后的返回值组成一个新数组，返回出来
            var arr = [2,3,4,5,6];
            var newArr = arr.map(function(value,index,arr){
                return value-1;
            })
            console.log( newArr );  //得到一个经过计算的数组
            
    4.filter(callback); 同map方法，返回值为布尔值true 的时候，才会返回该数据
        4.1 同map的3.1
        4.2 filter不会改变原有数组，而是将函数执行一遍，只有在布尔值为true的时候才会返回该数据
            var arr = [2,3,4,5,6];
            var newArr = arr.filter(function(value,index,arr){
                return value > 3;
            })
            console.log( newArr );  //得到一个经过筛选的数组