javaScript中 for in 和 for of 的区别

for in 和 for of 相对于大家肯定都不陌生,都是用来遍历属性的没错。那么先看下面的一个例子:

const obj = {
        a: 1,
        b: 2,
        c: 3
    }
for (let i in obj) {
    console.log(i)
    // a
    // b
    // c
}
for (let i of obj) {
    console.log(i)
    // Uncaught TypeError: obj is not iterable 报错了
}

以上代码通过 for in 和 for of 对一个obj对象进行遍历,for in 正常的获取了对象的 key值,分别打印 a、b、c,而 for of却报错了。

以上是遍历对象,下面再看一个遍历数组的例子。

 const arr = ['a', 'b', 'c']
    // for in 循环
    for (let i in arr) {
        console.log(i)
        // 0
        // 1
        // 2
    }

总结：for in 遍历对象返回的是key值,遍历数组返回的是数组下标index
for of 不能遍历对象，遍历数组返回的是值value