for in、for of、forEach的区别

forEach

let arr= ["a", "b", "c"];
a['xx']='c';  // 但是这边如果设置一个非数字的键值队
arr.forEach(function (item, index, array){ // 声明（不关心如何实现）
    console.log(item);  // 值
    console.log(index);  // 键值
    console.log(array);  // 数组
}
// =>>>>>> 控制台输出
// a
// 0
// ["a", "b", "c", xx: "c"]

// b
// 1
// ["a", "b", "c", xx: "c"]

// c
// 2
// ["a", "b", "c", xx: "c"]

// 键值队不是为数字的，将不执行

for…in 语句以任意顺序遍历一个对象的可枚举属性的属性名。

for (variable in object) {...}

var obj = {a:1, b:2, c:3};
for(var prop in obj){
    console.log(prop);
}
//a
//b
//c

for(var prop in obj){
    console.log(obj[prop]);
}
//1
//2
//3

for…of
在可迭代对象（Array，Map，Set，String，TypedArray，arguments）上创建一个迭代循环。

1.遍历数组
2.遍历Map
3.遍历Set
-----------------以上 forEach 都可以完成

4.遍历 字符串

//  遍历 字符串
let str = "boo";
for(let val of str){
    console.log(val);
}
// "b"
// "o"
// "o"

5.遍历DOM集合

let divs = document.querySelectorAll("div");
for(let div of divs){
    div.className = "red";
}

6.但是它不能遍历对象（使用for…in…）