JavaScript：.forEach（）和.map（）之间的区别

Question

我知道有很多这样的话题。而且我知道基础知识：.forEach()既可以在原始阵列.map()上运行，也可以在新阵列上运行。

就我而言：

function practice (i){

    return i+1;

};

var a = [ -1, 0, 1, 2, 3, 4, 5 ];

var b = [ 0 ];

var c = [ 0 ];

console.log(a);

b = a.forEach(practice);

console.log("=====");

console.log(a);

console.log(b);

c = a.map(practice);

console.log("=====");

console.log(a);

console.log(c);

这是输出：

[ -1, 0, 1, 2, 3, 4, 5 ]

=====

[ -1, 0, 1, 2, 3, 4, 5 ]

undefined

=====

[ -1, 0, 1, 2, 3, 4, 5 ]

[ 0, 1, 2, 3, 4, 5, 6 ]

我不明白为什么要使用practice更改bto的值undefined。

如果这是一个愚蠢的问题，我感到很抱歉，但是我是这种语言的新手，到目前为止我发现的答案并不令我满意。

Answer 1

他们是不一样的。让我解释一下区别。forEach：这会遍历列表，并对每个列表成员应用一些有副作用的操作（例如：将每个列表项保存到数据库）map：这会遍历一个列表，转换该列表的每个成员，然后返回与转换后的成员大小相同的另一个列表（例如：将字符串列表转换为大写）

Answer 2

Array.forEach “每个数组元素执行一次提供的函数。”Array.map “创建一个新数组，其结果是对该数组中的每个元素调用一个提供的函数。”因此，forEach实际上不返回任何东西。它只是为每个数组元素调用函数，然后就完成了。因此，您在该调用函数中返回的所有内容都将被简单丢弃。另一方面，map将类似地为每个数组元素调用该函数，但不是丢弃其返回值，而是捕获它并构建这些返回值的新数组。这也意味着您可以map在任何使用位置使用它，forEach但是仍然不应该这样做，因此您不会出于任何目的而收集返回值。如果您不需要它们，不收集它们会更有效率。

Answer 3

+ ---------------- + -------------------------------- ----- + --------------------------------------- +| | foreach | 地图|+ ---------------- + -------------------------------- ----- + --------------------------------------- +| 功能| 对每个|执行给定的操作。对|执行给定的“转换”| | 数组的元素| 每个元素的“副本” |+ ---------------- + -------------------------------- ----- + --------------------------------------- +| 返回值 返回未定义 返回转换后的新数组|| | | 保留原始数组的元素|| | | 不变+ ---------------- + -------------------------------- ----- + --------------------------------------- +| 首选| 执行非转换，如| 获取包含|的输出的数组| 使用场景| 在每个元素上进行处理。| 每个元素上完成的一些处理|| 和示例 | 的数组。|| | 例如，将所有元素保存在|中。|| | 数据库| 例如，获得|的数组| | | |中每个字符串的长度| | | 数组|+ ---------------- + -------------------------------- ----- + --------------------------------------- +