for...of与for...in

for …in

for…in循环主要是为遍历对象而设计的，不适用于遍历数组。
for…in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）

for…in循环有几个缺点

1.数组的键名是数字，但是for…in循环是以字符串作为键名“0”、“1”、“2”等等。

2.for…in循环不仅遍历数字键名，还会遍历手动添加的其他键，甚至包括原型链上的键。

3.某些情况下，for…in循环会以任意顺序遍历键名。

4.for…in不遍历以Symbol值为键名的属性。

let obj = {
    name: '易洋千玺',
    age: 20,
   [Symbol('nixx')]: 'nixxx'
}
for(let key in obj) {
    console.log(key,'键名')
}
// name 键名
// age 键名

for…of

1. for…of遍历的是具有数字索引的属性。这一点跟for…in循环不一样

let arr = [3, 5, 7];
arr.foo = 'hello';

for (let i in arr) {
  console.log(i); // "0", "1", "2", "foo"
}

for (let i of arr) {
  console.log(i); //  "3", "5", "7"
}

for…of的缺点

1.对于普通的对象，for…of循环会报错。
2. for…of遍历的是具有数字索引的属性。

参考自ES6文档