4日6日--ES5新增数组方法

时间 2019-11-11

标签 4日 6日 es5 新增数组方法繁體版

原文原文链接

　　forEach使用的函数调用，因此占内存比较大，不如定长for循环和迭代for循环javascript

　　一、经过forEach将数组中的元素逐个表示出来（遍历方法，读取操做）。html

　　二、经过map将原数组中的元素进行算数运算，并把值返还给新建的数组中（遍历方法，修改操做）。java

　　三、filter提取原数组中符合条件的元素并放在新建的数组中（数据的帅选方法）。数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ES5新增数组方法1</title>
    <script type="text/javascript">
        var arr = ["mike","john","andy","bob","jerry","tom"];
        arr.forEach(function(n,i){
            console.log("第"+(i+1)+"个数据是:"+n);
        });

        // for(var i=0,len=arr.length;i<len;i++){}

        //匿名函数绝大多数场合用于回调
        // 匿名函数也能调用，但仅限一次
        // (function () {
        //     console.log('匿名函数');
        // })();

        var num=[3,4];
        var ret=num.map(function(n){
            // console.log(arguments);
            return n*n;//返回值出如今结果数组中
        });
        console.log(ret);
        console.log(num);

        console.log('=====');
        num=[3,5,78,2,13];
        ret=num.filter(function(n){
            return n%2==0;//返回值为true的数据出如今结果数组中
        });
        console.log(ret);

    </script>
</head>
<body>
    
</body>
</html>

　　四、经过some和every对数组进行条件方法的断定，every：数组中的每一个元素都知足条件才为true否组为false。some：只要数组中的有元素知足条件就为true函数

　　五、indexOf(8)返回数组中第一个8所在的位置，lastIndexOf(8)返回数组中最后一个8所在的位置spa

　　　　经过do{}while（）+indexOf来返回数组中全部8所在的位置。code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ES5新增数组方法2</title>
    <script type="text/javascript">
        var arr=[12,8,5,7,8,3,8,22];
        var ret=arr.every(function(n){
            return n>3;
        });
        console.log(ret);
        console.log('======');
        var find=arr.indexOf(8);
        console.log(find);
        find=arr.lastIndexOf(8);
        console.log(find);
        console.log('======');
        find=-1;
        do{
            find=arr.indexOf(8,find+1);
            if(find==-1){
                break;
            }
            console.log("find="+find);
        }while(true);

    </script>
</head>
<body>
    
</body>
</html>

　六、　var sum=arr.reduce(function(pre,curr){
　　　　return pre+curr;
　　　　});htm

　　经过reduce对数组进行元素相加blog

　　七、二维数组：数组中存放的数据仍是数组ip

　　　　二维数组扁平化（转为一维数组，在二维数组每一维的数量都相同时有意义）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ES5新增数组方法3</title>
    <script type="text/javascript">
        var arr=[1,8,5,4];
        // arr.reduce(function(pre,curr,index){
        //     console.log(arguments);
        //     return curr;
        // });
        var sum=arr.reduce(function(pre,curr){
            return pre+curr;
        });
        //1+8=9 9+5=14 14+4=18
        console.log(sum);
        console.log('=====');
        //二维数组：数组中存放的数据仍是数组
        var multi=[];
        multi[0]=[2,4,8];//2 4 8 4 7 2
        multi[1]=[4,7,2];
        multi[2]=[14,17,12];
        multi[3]=[24,27,22];
        console.log(multi);
        for(var i=0,len=multi.length;i<len;i++){
            for(var j=0,len2=multi[i].length;j<len2;j++){
                console.log(multi[i][j]);
            }
        }
        console.log('=====');
        //二维数组扁平化（转为一维数组，在二维数组每一维的数量都相同时有意义）
        var newarr=multi.reduce(function(pre,curr){
                return pre.concat(curr);
        });
        console.log(newarr);
        //获取2，2位置的数据：
        var i=2;
        var j=2;
        var index=i*3+j;//3是每一维的长度，视具体数组而变
        console.log(newarr[index]);
    </script>
</head>
<body>
    
</body>
</html>