JavaScript: .forEach()和.map()的区别

我知道有很多这样的话题。我知道基本原理:. 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会改变b的值为undefined。如果这是一个愚蠢的问题，我很抱歉，但我对这门语言很陌生，到目前为止我找到的答案并不能让我满意。

当前回答

	forEach()	map()
Functionality	Performs given operation on each element of the array	Performs given "transformation" on a "copy" of each element
Return value	Returns `undefined`	Returns new array with transformed elements, leaving back original array unchanged.
Preferrable usage scenario and example	Performing non-tranformation like processing on each element. For example, saving all elements in the database.	Obtaining array containing output of some processing done on each element of the array. For example, obtaining array of lengths of each string in the array

forEach()例子

chars = ['Hello'， 'world!!'); var retVal = char . foreach(函数(字){ console.log(" save to db: " + word) }) console.log (retVal) / /定义

map()例子

chars = ['Hello'， 'world!!'); Var长度= char .map(函数(单词){ 返回word.length }) console.log(长度)/ /(5、8)

2018-03-29 06:56:47

其他回答

Map返回一个新数组。

forEach没有返回值。

这就是区别的核心。这里的大多数其他答案都有效地说明了这一点，但以一种更复杂的方式。

2021-04-13 01:34:39

不同之处在于他们的回报。执行后:

arr.map()

返回由已处理函数生成的元素数组;而:

arr.forEach()

返回未定义。

2017-09-08 13:40:28

你需要知道的主要区别是.map()返回一个新数组，而. foreach()不返回。这就是为什么在输出中会看到这种差异。. foreach()只是对数组中的每个值进行操作。

读:

Array.prototype.forEach() - JavaScript | MDN Array.prototype.map() - JavaScript | MDN

你可能还想看看: - Array.prototype.every() - JavaScript | MDN

2015-12-22 23:57:48

性能分析(同样-不是很科学) 根据我的经验，有时候.map()比.foreach()更快。

在我的macbook pro上(2013年底)

在1909年 .map时间444

2022-07-14 07:43:13

forEach()和map()的区别

forEach()只是循环遍历元素。它会丢弃返回值并且总是返回undefined。此方法的结果不提供输出。

Map()循环遍历元素，通过迭代主数组分配内存并存储返回值

例子:

   var numbers = [2,3,5,7];

   var forEachNum = numbers.forEach(function(number){
      return number
   })
   console.log(forEachNum)
   //output undefined

   var mapNum = numbers.map(function(number){
      return number
   })
   console.log(mapNum)
   //output [2,3,5,7]

map()比forEach()快

2019-09-23 11:49:04

JavaScript: .forEach()和.map()的区别

推荐文章

最新文章

标签