for···in··· 和 for···of··· 的区别

好久不见，我又来整理心得了

今天来说说for···in··· 和 for···of··· 的区别

先看看for···in···

// 数组
let Fin = [1, 2, 3]
for(let i in Fin) {
    console.log(i)
}

//对象
let Fof = {
    name: 'rider',
    do: 'henshin'
}
for(let i in Fof){
    console.log(i)
}

输出结果为：

这里的输出的为键(key)

那如何用for···in···看值(value)

// 数组
let Fin = [1, 2, 3]
for(let i in Fin) {
    console.log(Fin[i])
}

//对象
let Fof = {
    name: 'rider',
    do: 'henshin'
}
for(let i in Fof){
    console.log(Fof[i])
}

输出结果为：

再看看for···of···

// 数组
let Fin = [1, 2, 3]
for(let i of Fin) {
    console.log(i)
}
 

输出结果为：

可以看出for···of是用来遍历数组的值(value)

for···in··· 和 for···of··· 区别

• for···in···用来遍历数组和对象的键(key)
• for···of···用来遍历数组的值(value)
• for···in··是ES5里的标准
• for···of···是ES6里的标准

以上是自己的心得体会，如有错误，或者更改的地方，请提出