map 和 forEach 的区别

相同点：

1.都是循环遍历数组中的每一项

2.forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项）、index（索引值）、arr（原数组）

3.匿名函数中的this都是指向window

4.只能遍历数组

不同点：

1.forEach(): 没有返回值,改变原数组

2.map(): 有返回值,返回新的数组,原数组不变.

用途：

1.forEach(): 不改变数据,只是用数据做一些事情，没有返回值，不能链式调用
2.map(): 你需要返回一个新数组，有返回值，可以链式调用

打断问题:

1.map和forEach其实可以跳出循环，
2.只不过不是通过自己本身来实现的，
3.而是抛出 new throw error() 
4.通过try catch去捕获这个错误才可以终止循环。

let  arr = [1,2,3,4]
        let k = null;
        try {
            arr.forEach(n => {
                if (n === 2) {
                    k = n;
                    throw Error()
 
                }
 
            });
        }catch(e){
 
        }
        console.log(k);

如何使用

forEach() 适合你并不打算改变数据的时候，而只是想用数据做一些事情—比如存入数据库或者打印出来。

let arr = [1,2,3,4,5,6]
arr.forEach((i) =>{
    console.log(i)
})

map() 适合你要改变数据值的时候，不仅仅在于它更快，而是返回一个新的数组；这样的优点在于你可以使用复合(composition) (map() , filter() , reduce() 等组合使用)来玩出更多的花样。

let arr = [1,2,3,4,5,6]
ler arr2 = arr.map(i=> i * i).filter(i=> i > 10)

总结

• forEach() 可以做到的东西，map() 也同样可以。反过来也是如此。
• map() 会分配内存空间存储新数组并返回，forEach() 不会返回数据
• forEach() 允许callback更改原始数组的元素。map() 返回新的数组。