map的forEach区别
先总结下：
map和forEach区别是：
1.map有返回值而且必须return返回一个数组才行 ; 而forEach没有返回值可直接打印结果；
即：forEach()方法不会返回执行结果，而是undefined。也就是说，forEach()会修改原来的数组。而map()方法会得到一个新的数组并返回；
2.map因为返回数组所以可以链式操作，foreach不能；
3.map里可以用return ,而foreach里用return不起作用，foreach不能用break，会直接报错；
4. 总的来说 map 的速度大于forEach；
重要提示！！！！
①.使用map方法可以改变原数组？
当数组元素是基本数据类型时，map()方法不会改变原数组；
当数组元素是引用类型时，map()方法会改变原数组！！
②.使用map方法可以改变原数组？—不会！！
map本身不会改变原数组任何属性
如果数组中的值是基本类型, 不改变;
如果是引用类型分两种情况：
1、没有修改形参元素的地址值, 只是修改形参元素内部的某些属性，会改变原数组；
（但这与map方法本身无关，map方法不会改变原数组，这属于强行访问到对象内部进行重新赋值）
2、直接修改整个元素对象时，无法改变原数组；
使用场景
forEach适合于你并不打算改变数据的时候；
map()适用于你要改变数据值的时候。不仅仅在于它更快，而且返回一个新的数组。这样的优点在于你可以使用复合(composition)(map(), filter(), reduce()等组合使用)；
下面直接上例子，比较两者区别：
基本数据类型：
1.map:
let arrA = [1, 2, 3];
let arrA1 = arrA.map(function (item, index, arr) {
return item * 2;
})
console.log(arrA, 'arrA为基本数据类型--原数组');
console.log(arrA1, 'arrA1为基本数据类型--map后的数据');
2.forEach:
数组包含的是基本数据类型a,那么在在使用forEach时候，形参b会在栈中拷贝一份原数组的指针与值，此时a与b是完全独立的数据，我们在修改b的值时是不会影响到a的值。
let arrA = [1, 2, 3];
let arrA2 = arrA.forEach(function (item, index, arr) {
item = item * 2
})
console.log(arrA, 'arrA为基本数据类型--原数组');
console.log(arrA2, 'arrA2为基本数据类型--forEach后的数据');
如何改变原数组中基本类型的值：
可以借助第二个参数index来改变数组
let arrA = [1, 2, 3];
let arrA2=arrA.forEach((item, index) => {
arrA[index] = item * 2
})
console.log(arrA, 'arrA为基本数据类型--原数组');
console.log(arrA2, 'arrA2为基本数据类型--forEach后的数据');
引用数据类型：
1.map:
let arrB = [
{ name: 'a', age: 1 },
{ name: 'b', age: 2 },
];
let arrB1=arrB.map((item) => {
item.age = 3;
return item;
});
console.log(arrB, 'arrB为引用数据类型--原数组');
console.log(arrB1, 'arrB1为引用数据类型--map后的数据');;
原数组也变化了，怎么解决map方法导致的原数组变化的问题？
解决方法：
let arrB = [
{ name: 'a', age: 1 },
{ name: 'b', age: 2 },
];
let arrB1=arrB.map((item) => {
return {
...item,
age:3
};
});
console.log(arrB, 'arrB为引用数据类型--原数组');
console.log(arrB1, 'arrB1为引用数据类型--map后的数据');
2.forEach:
数组包含的是引用数据类型a，那么在使用forEach的时候，形参b拷贝的是引用数据类型在栈中的地址，此时a和b都同时指向在一开始定义a时在堆中保存的数据，所以当我们修改b的数据，a的值也会改变，因为他们都是指向的堆中的同一数据。
（基本数据类型：栈中保存指针与值；引用数据类型：栈中保存指针，堆中保存值）
①、数组的元素是引用数据类型：（直接修改整个元素对象时，无法改变原数组）
let arrB = [
{ name: 'a', age: 1 },
{ name: 'b', age: 2 },
];
let arrB2=arrB.forEach((item) => {
item = {
name: 'c',
age: '3',
};
});
console.log(arrB, 'arrB为引用数据类型--原数组');
console.log(arrB2, 'arrB2为引用数据类型--forEach后的数据');
②.数组的元素是引用数据类型：（修改元素对象里的某个属性时，可以改变原数组）
let arrB = [
{ name: 'a', age: 1 },
{ name: 'b', age: 2 },
];
let arrB2=arrB.forEach((item) => {
item.name = 'c';
});
console.log(arrB, 'arrB为引用数据类型--原数组');
console.log(arrB2, 'arrB2为引用数据类型--forEach后的数据');
參考：
https://blog.csdn.net/zhangwenok/article/details/124692883
https://blog.csdn.net/black_white_1/article/details/126710575
