ECMAScript5 Array新增方法

最新推荐文章于 2024-08-02 22:58:07 发布

转载最新推荐文章于 2024-08-02 22:58:07 发布 · 247 阅读

Html+Javascript 专栏收录该内容

260 篇文章

订阅专栏

本文深入探讨了ECMAScript5中新增的数组方法，包括Array.isArray()用于判断对象是否为数组，.indexOf()和.lastIndexOf()查找元素位置，.forEach()遍历数组，.every()和.some()进行逻辑判定，.map()创建新数组，.filter()获取子集，以及.reduce()和.reduceRight()组合数组元素。

数组在各个编程语言中的重要性不言而喻，但是在之前的JavaScript中数组(JavaScript 数组详解)虽然功能已经很强大，但操作方法并不完善，在ECMAScript5中做了适当的补充。

`Array.isArray(element)`

这是Array对象的一个静态函数，用来判断一个对象是不是数组

var a = new Array(123);
        var b = new Date();
        console.log(Array.isArray(a)); //true
        console.log(Array.isArray(b)); //false

`.indexOf(element) / .lastIndexOf(element)`

顾名思义，这两个方法用于查找数组内指定元素位置，查找到第一个后返回其索引，没有查找到返回-1，indexOf从头至尾搜索，lastIndexOf反向搜索。

var a=new Array(1,2,3,3,2,1);
           console.log(a.indexOf(2)); //1
        console.log(a.lastIndexOf(2)); //4

`.forEach(element,index,array)`

遍历数组，参数为一个回调函数，回调函数有三个参数：当前元素，元素索引，整个数组

var a=new Array(1,2,3,4,5,6);
        a.forEach(function(e,i,array){
            array[i]=e+1;
            });
           console.log(a); //[2, 3, 4, 5, 6, 7]

`.every(function(element,index,array))` / `.some(function(element,index,array))`

这两个函数类似于离散数学中的逻辑判定，回调函数返回一个布尔值，every是“所有”函数的每个回调函数都返回true的时候才会返回true，当遇到false的时候终止执行，返回false；some函数是“存在”有一个回调函数返回true的时候终止执行并返回true，否则返回false。在空数组上调用every返回true，some返回false。

var a=new Array(1,2,3,4,5,6);
        /*0 : 1 
        1 : 2
        2 : 3
        3 : 4 
        4 : 5 
        false */
        console.log(a.every(function(e,i,arr){
            console.log(i+' : '+e);
            return e<5;
            }));

var a=new Array(1,2,3,4,5,6);
        /*0 : 1 
        1 : 2
        2 : 3
        3 : 4 
        4 : 5 
        true */
        console.log(a.some(function(e,i,arr){
            console.log(i+' : '+e);
            return e>4;
            }));

`.map(function(element))`

与forEach类似，遍历数组，回调函数返回值组成一个新数组返回，新数组索引结构和原数组一致，原数组不变

var a=new Array(1,2,3,4,5,6);
        console.log(a.map(function(e){
            return e*e;
            })); // [1, 4, 9, 16, 25, 36] 
        console.log(a); //[1, 2, 3, 4, 5, 6]

`.filter(function(element))`

返回数组的一个子集，回调函数用于逻辑判断是否返回，返回true则把当前元素加入到返回数组中，false则不加，新数组只包含返回true的值，索引缺失的不包括，原数组保持不变

var a=new Array(1,2,3,4,5,6);
        console.log(a.filter(function(e){
            return e%2==0;
            })); // [2, 4, 6] 
        console.log(a); //[1, 2, 3, 4, 5, 6]

`.reduce(function(v1,v2),value)` / `.reduceRight(function(v1,v2),value)`

遍历数组，调用回调函数，将数组元素组合成一个值，reduce从索引最小值开始，reduceRight反向，方法有两个参数

1.回调函数：把两个值合为一个，返回结果

2.value，一个初始值,可选

var a=new Array(1,2,3,4,5,6);
        console.log(a.reduce(function(v1,v2){
            return v1+v2;
            })); // 21

            console.log(a.reduceRight(function(v1,v2){
                return v1-v2;
                },100)); // 79