<script type="text/javascript"> var arr = [1,2,3,4,5,6];
//for...in由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组也是 一个对象,数组中的每个元素的索引被视为属性名称,所以我们可以看到使用for...in循环 Array数组时,拿到的其实是每个元素的索引。 for(var i in arr){
alert("for in循环的是数组的索引 : "+i); //打印 i 返回 0 1 2 3 4 5 } //当我们为a多手动添加一个属性name的时候,for...in循环会把name属性也包括在内, 而Array的length属性却不包括在内。for...of循环则不存在上述的问题,它只循环集合本身 的元素。这就是为什么引入for...of循环 for(var i of arr){ alert("for of循环数组元素本身 : "+i); //打印 arr[i] 返回 数组内元素 } 由此可看出,如果循环的是数组,到的是数组的索引;如果循环的是对象, 循环得到的是对象的属性; for (var i in array) 其中i可以 是数组的下标,或者是json对象的KEY,(左边的值,右边的值为 value) 普通的for循环是不能遍历json的.但是这个方法只能遍历数组和json,不能遍历element集合。
</script>
// 例如: var arr = []; arr[0] = "user1"; arr[1] = "user2"; arr[2] = "user3"; arr['name'] = "名字"; alert(arr[1]); alert(arr.name); // 如果我们想遍历一个 h1 标签的数组对象, <h1>aaa</h1> <h1>bbb</h1> <h1>ccc</h1> var objs = document.getElementsByTagName("h1"); for(var i = 0;i<objs.length;i++){
objs[i].onclick = function(){
alert(this.innerHTML);
//可遍历出h1数组objs内的内容
}
}