ES5新增数组的方法 (indexof/forEach/map/filter)

Posted shun1015

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES5新增数组的方法 (indexof/forEach/map/filter)相关的知识,希望对你有一定的参考价值。

新增的数组常见方法:以下说明中,红色为必选参数,蓝色为可选参数
    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 );  //得到一个经过筛选的数组

 

以上是关于ES5新增数组的方法 (indexof/forEach/map/filter)的主要内容,如果未能解决你的问题,请参考以下文章

js数组方法整理

js数组方法整理

js中的数组方法

JavaScript数组方法总结

JavaScript数组方法整理

ES5新增 数组操作forEach()map()filter()some()every()