js遍历多维数组

本文转载自查看原文 2020-01-17 16:00 2770

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>js遍历多维数组</title>
</head>
<body>
    <script>
    //实现一个Array each方法，实现遍历多维数组
    var arr = [1,2,3,[4,5,[6,7]]];  //arr.length
    Array.prototype.each = function(fn){
        try{
            //1、目的 遍历数组的每一项 
             //计数器  记录当前遍历的元素位置
            this.i ||(this.i = 0);
            //2、判断什么时候使用each核心方法
            //当数组的长度大于0的时候 && 传递的参数必须为函数
            if(this.length>0 && fn.constructor == Function){
                //循环遍历数组的每一项
                while(this.i<this.length){
                    //获取数组的每一个值
                    var e = this[this.i];  //数组的每一项
                    //如果当前元素获取到了并且当前元素是一个数组
                    if(e && e.constructor == Array){
                        //直接递归操作
                        e.each(fn);
                    }else{
                        //如果不是数组（那就是一个单个元素）
                        //把数组的当前元素传递给fn函数，并且让函数执行
                        fn.call(e,e);
                    }
                    this.i++
                }
                this.i == null;  //释放内存，垃圾回收机制回收变量
            }        
        }catch(err){
                //do something
        }
        return this;
    }
    arr.each(function(item){
        console.log(item);
    })
    </script>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js 递归遍历多维数组 JavaScript 遍历多维数组 angularjs遍历多维数组 php-多维数组，数组遍历 JAVA 数组与多维数组遍历 JS 中的多维数组 js多维数组的排序 js 多维数组去重 Java 多维数组遍历详解 js合并多维数组并去重