JavaScript中for循环的三种常见用法解析

JavaScript循环概述

在程序开发过程中，循环语句是不可或缺的控制结构，其中for循环更是被绝大多数编程语言所支持。在JavaScript这一特定语言环境中，for循环及其相关迭代机制呈现出多种不同的使用形态，本文将逐一剖析这些用法及其背后的逻辑。

传统for循环与DOM操作

第一种场景：常规迭代，用于执行重复性操作。

 
var objA=document.getElementsByTagName("a");
var i,max;
for(i=0,max=objA.length;i<max;i++){
objA[i].onclick=function(){
alert(this.innerHTML);
} 
} 

该循环结构用于依次获取DOM节点，并为每个超链接注册单击事件处理函数。

for-in语句与对象枚举

第二种场景：针对对象（Object）的属性遍历，用于访问对象内部内容。

 
var person={name:'wmhello',age:'28'};
var tips=''; for(var obj in person){
tips+=obj+'-->'+person[obj]+'\n'
} 
alert(tips)

数组forEach方法与兼容性

第三种场景：常用于数组（Array）的特定操作，如遍历并执行回调函数。

 
var num=[1,3,5];
var total=0;
num.forEach(function(e){
total+=e;
}); 
alert(total);

需要注意的是，此forEach循环方法在Firefox和Chrome等现代浏览器中能够正常生效，但在旧版IE中可能缺乏支持。