[JS] for-each和map()的区别

• 先说下for-each与for-of还有for-in的区别。
• for-of和for-in都是对对象操作的，而for-each和map()是对数组进行操作的。
• for-in的使用：对于一个数组里的每一个键进行遍历(不是键值对key-value形式么，就是那个"键")
• for-of的使用：与for-in不同，for-of取的是键值对里的"值"

for-each和map()的区别

• for-each没有返回值，就是简单的遍历。

看以下代码：

let a = [1, 2, 3, 4, 5]
let c = a.forEach((item) => {
  console.log(item)
  return item <= 3 ? item : 3
})
console.log(a)
//for-each没有返回值
console.log(c)

运行结果：

---

• map()不会改变原数组，返回一个数组，输出符合条件的项。

let b = a.map((item) => {
  //console.log(item)
  return item <= 3 ? item : 3
})

//map()不改变原数组
console.log(a)
console.log(b)

运行结果：