JS中for-in和for-of的区别

区别：

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

for-in语法：

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

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

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

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