for in 和 for of 的区别

遍历对象

let obj = {

        sex: '男',

        name: 'ws',

        age: 18

}

以上是一个js对象

如果使用 for in 来遍历

for( let key in obj ){

        console.log(key);  //  输出的key是每一个属性名 sex name age

}

for of 遍历直接报错

遍历数组或者类数组

let arr = [10, 20, 30 ,55]
 

for(let key in obj){

        console.log(key);  // for in 拿到的是下标 0 1 2 3

}

for(let attr of obj){

        console.log(attr);  // for of  拿到的是每一项 10 20 30 55

}

总结

for in 通常是来遍历对象的，

而for of 是用来遍历数组和类数组的,如果遍历对象就会报错 (obj is not iterabl at )

for in 遍历数组， 拿到的是 下标，

for of 遍历数组或者类数组, 得到的是 每一项