描述一下 Array.forEach() 循环和 Array.map() 方法之间的主要区别

返回值:
    forEach()：没有返回值,它只是对数组中的每个元素执行提供的函数。
    map()：返回一个新的数组,其元素是通过对原数组的每个元素执行提供的函数后的结果。

内部实现:
    forEach()：只是遍历数组,执行回调函数,不会改变原数组。
    map()：会创建一个新的数组,并将回调函数的返回值填充到新数组中,原数组不会被改变。

常见用途:
    forEach()：适用于需要对数组元素执行某些操作,但不需要返回新数组的情况,例如打印数组元素、更新 DOM 等。
    map()：适用于需要基于原数组创建新数组的情况,例如数组转换、数据预处理等。

链式调用:
    forEach()：由于没有返回值,因此不能够在 forEach() 之后直接链式调用其他数组方法。
    map()：由于返回一个新数组,因此可以在 map() 之后继续链式调用其他数组方法,如 filter()、reduce() 等。

const arr = [1, 2, 3, 4, 5];
arr.forEach(num => console.log(num * 2)); // 输出 2 4 6 8 10

const arr = [1, 2, 3, 4, 5];
const doubledArr = arr.map(num => num * 2); // doubledArr 为 [2, 4, 6, 8, 10]