for of、for in 和 forEach的区别

for-in、for-of和forEach

共性：

for of、for in、forEach都是用来遍历的

区别：

1. for in语句用于遍历数组或者对象，得到的是对象的key或者数组的index，但有时候以随机顺序遍历数组。
2. for in可以遍历到原型链上的属性或方法和手动添加的其他键。
3. for of和forEach不能用于遍历对象。
4. for of是ES6新增的，为了解决for in随机遍历数组的问题，for of遍历数组得到的是value。
5. forEach可以遍历数组或者set或者map，不能遍历伪数组，得到的是value。
6. for of和forEach不同的是，for of可以与break、continue、return配合使用，也就是可以随时退出循环。

推荐for in遍历对象，for of遍历数组

// for...in遍历对象
const obj = {
    
    uname:"李四", age: 10, gender: "男"};
for(let k in obj) {
    
    
    console.log(k); // key
    console.log(obj[k]); // value
}

// for...of遍历数组
const arr = [1, 2, 3, 4]
for(let key of arr) {
    
    
    console.log(key); // value
}

forEach方法对数组/Map/Set中的每个元素执行一次提供的函数。该函数接受三个参数：

（1）正在操作的元素的内容
（2）正在操作的元素的索引
（3）正在操作的数组本身。

let array = [9, 8, 7, 6, 5, 4];
array.forEach((value, index) => {
    
    
   	console.log(index); // 得到的是索引
});