php逆序遍历,JS逆序遍历实现代码_javascript技巧

最常用的遍历方式为for语句(也有递归、while方式)。当我们遍历一个数组的时候&＃xff0c;我们一般会这么做&＃xff1a;

var arr &＃61; [1,2,3,4,5,6,7,8,9,10];

for(var i&＃61;0,total&＃61;arr.length;i

console.log(i,arr[i]);

}

这就是最常用的遍历方式&＃xff1a;正序遍历。它从数组的第一项依次走到最后一项。

那为什么今天小剧还会提到逆序遍历呢&＃xff1f;

这里不得不提下小剧写的组件里最常用的一个模块&＃xff1a;events。用于创建自定义事件模型&＃xff0c;处理事件的监听及触发&＃xff0c;最简单的发布订阅(pub/sub)模式。因为最近发现存在内存溢出的隐患&＃xff0c;需要在原有的基础上增加一个解除绑定的方法。

因为同一事件名的回调函数是放在同一数组中&＃xff0c;解除绑定也只需要从数组中找到对应的回调函数(同一回调函数可能绑定多次)&＃xff0c;并且移除即可。

很简单的需求&＃xff0c;于是很自然地写出类似下面的代码&＃xff1a;

//移除数组中的2

var arr &＃61; [1,2,2,2,2,1,1,2,2];

for(var i&＃61;0,total&＃61;arr.length;i

if(arr[i] &＃61;&＃61; 2){

//符合条件&＃xff0c;移除

arr.splice(i,1);

}

}

console.log(arr);

很正常的代码有木有&＃xff0c;可最终输出结果却是&＃xff1a;[1, 2, 2, 1, 1, 2],显然执行结果不符合预期。

问题出在哪儿呢&＃xff1f;

仔细分析了一下&＃xff0c;发现问题出在了每次匹配成功&＃xff0c;执行移除操作之后&＃xff0c;都会跳过下一个待检查项&＃xff0c;因为数组中之后的每一项都向前上升一位。

找到了问题所在&＃xff0c;改了下代码&＃xff0c;在执行移除操作之后&＃xff0c;调整序列索引index(i)。

//移除数组中的2

var arr &＃61; [1,2,2,2,2,1,1,2,2];

for(var i&＃61;0,total&＃61;arr.length;i

if(arr[i] &＃61;&＃61; 2){

//符合条件&＃xff0c;移除

arr.splice(i,1);

//调整序列索引

i &＃61; i-1;

}

}

console.log(arr);

问题解决了&＃xff0c;但总感觉修改序列索引是件调戏for循环的事。于是灵光一闪&＃xff0c;啪啪啪&＃xff0c;敲出下面的代码&＃xff1a;

//移除数组中的2

var arr &＃61; [1,2,2,2,2,1,1,2,2];

for(var i &＃61; arr.length-1;i!&＃61;-1;i--){

if(arr[i] &＃61;&＃61; 2){

//符合条件&＃xff0c;移除

arr.splice(i,1);

}

}

console.log(arr);

遍历的过程不变&＃xff0c;唯一变化的是遍历的顺序变了&＃xff0c;对了&＃xff0c;还少了一个变量total。

好吧&＃xff0c;我承认今天写的东西很屌丝&＃xff0c;但通过这个例子&＃xff0c;给以后写代码的时候提了个醒&＃xff0c;在遍历过程中&＃xff0c;如果涉及到修改数组本身(增删)&＃xff0c;逆序遍历是个比较保险的遍历方式。

coding笔记&＃xff0c;留给以后嘲笑自己&＃xff01;

相关标签&＃xff1a;逆序遍历

本文原创发布php中文网&＃xff0c;转载请注明出处&＃xff0c;感谢您的尊重&＃xff01;