四时宝库

程序员的知识宝库

JavaScript中for...in和for...of的区别

1、for...in 语句用于遍历数组或者对象的属性

# 遍历数组时,k 是数组的下标
for (var k in [22,11,44,55]) {
  console.log(k)
}

# k打印出来的是  0,1,2,3


var ob = {name:'小王', age:'18'}
# 遍历对象时,k 是json的 所有key 值
for (var k in ob) {
  console.log(k)
}
# k打印出来的是  name, age

使用for-in会遍历数组所有的可枚举属性,包括原型上的方法和属性,通常需要配合hasOwnProperty()方法判断某个属性是否该对象的实例属性

for (var key in obj) {
  if(obj.hasOwnProperty(key)){
    console.log(key);
        # 这里面都是自身的属性
  }
}

2、for-of主要用于遍历数组

for (var value of arr) {
    console.log(value); # 数组每一项的值
}

总结,for in遍历的是数组的索引,for of遍历的是数组的值,for in和for of循环里面可以 执行break、continue语句

(完结)

扫码小程序,精彩视频尽在其中,或者微信搜索小程序《最新热门信息汇总》打开

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接