美文网首页
js遍历多维数组(面向对象)

js遍历多维数组(面向对象)

作者: 时光机321 | 来源:发表于2018-05-05 21:15 被阅读0次

//实现一个 Array each方法 实现遍历多维数组

var arr = [1,2,3,[4,[5,6]]]; //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{

//如果不是数组 (那就是一个单个元素)

//var obj = true;

//fn.apply(obj,[e]);

//这的目的就是为了把数组的当前元素 传递给fn函数,并且让函数执行

fn.call(e,e);

}

this.i++

}

this.i == null ; //释放内存 垃圾回收机制回收变量

}

}catch(err){

//do something

}

return this;

}

arr.each(function(item){

console.log(item)

});

相关文章

网友评论

      本文标题:js遍历多维数组(面向对象)

      本文链接:https://www.haomeiwen.com/subject/cnwerftx.html