JavaScript之for ... in

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/XZ2585458279/article/details/78763264

for…in 语句

功能:for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。

遍历数组

代码实现：

var arr = ["PHP","Python","JavaScript","C++"];
for( i in arr){
    console.log("i的值为：",i); // 0 1 2 3 4
    console.log("每一项的值为：",arr[i]); // PHP Python JavaScript C++
}

遍历对象

代码实现:

var obj = { 
    'aa': 1,
     'bb': 3,
     'cc': 5
    };
for( i in obj ){
    console.log(i); //属性 aa bb cc
    console.log(obj[i]); //属性值 1 3 5
}

注意:遍历对象时object是无序的。

for…of

• 推荐在循环对象属性的时候，使用for…in,在遍历数组的时候的时候使用for…of。
• for…in循环出的是key，for…of循环出的是value
• 注意，for…of是ES6新引入的特性。修复了ES5引入的for…in的不足
• for…of不能循环普通的对象，需要通过和Object.keys()搭配使用

for in是循环遍历对象；for of语法和for in语法很像，但它的功能却丰富的多，它能循环很多东西。推荐使用for of。

结论

当我们在JavaScript中需要遍历数组时，使用for…of遍历；当我们需要遍历对象时仍使用for…in进行遍历操作。