for循环和for in循环以及for of循环的区别

 
<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内的内容          } }
 
 
 
 

                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值