for…in用于读取键名遍历，for…of用于读取键值遍历

for-in

for in是ES5标准，用于遍历key.，能以任意顺序遍历对象的可枚举属性。

for (变量 in 对象)
{
执行代码
}

// An highlighted block
var arr = ["a","b","c"];
for (var key in arr){
console.log(arr[key]);
}

特点：

1.for-in 不考虑构造对象的不可枚举属性，只需要查找可枚举属性并将其输出。
2.数组的键名是数字，但是for…in循环是以字符串作为键名“0”、“1”、“2”。
3.for…in循环会以任意顺序遍历键名。
5.for…in循环主要是为遍历对象而设计的，不经常于遍历数组。

for-of

for of是ES6标准新增的遍历方法，遍历value。

如果对象实现了[Symbol.iterator]接口则可以被遍历，而数组本身就存在[Symbol.iterator]接口，所以能被for…of遍历。

特点：

1、遍历数组来说非常方便快捷
2、可以在 类数组，字符串，set和map数据 上使用
3、不支持对象的遍历，但是它提供了其他的方法
比如：Object.keys() 和 Object.values()
4、for-of可以与break、continue和return配合使用

语法：

for (variable of iterable)
{
statement
}
variable：每个迭代的属性值被分配给该变量。
iterable：一个具有可枚举属性并且可以迭代的对象。

// An highlighted block
var arr = ["a","b","c"];
for (var i of arr){
console.log(i);
}