版权声明:本文为博主原创文章,未经博主允许不得转载。 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进行遍历操作。