控制台如何在 JavaScript 中的 map() 期间记录元素值？

Question

我有一个数组，我用

Array.prototype.map()

创建了另一个数组。如何在映射函数期间控制台记录

x

值（数组中正在处理的当前元素）？

const array1 = [1, 4, 9, 16];
const map1 = array1.map((x) => x * 2);

Answer 1

您可以在

console.log

中使用

map

，如下所示：

const array1 = [1, 4, 9, 16];
const map1 = array1.map((x) => {
  console.log(x);
  return x * 2;
});

您正在使用速记

return

：

() => x

返回

x

就像

() => { return x; }

。

但是由于您不仅返回某些东西 您不能使用简洁的箭头函数语法。

Answer 2

你可以这样使用：

const array1 = [1, 4, 9, 16];
const map1 = array1.map(function(x){
   console.log(x);
   return x* 2;
});

Answer 3

您可以像下面这样打印。

array1.map(function(x) {
      console.log(x*2);
      return x * 2
});   

const array1 = [1, 4, 9, 16];
const map1 = array1.map(function(x) {
      console.log(x*2);
      return x * 2
});

Answer 4

您可以使用数组：

const array1 = [1, 4, 9, 16];

console.log('Mapping array1...');
const map1 = array1.map((x) => [x * 2, console.log(x)][0]);
console.log('Maped successfully, map1 =', map1);

Answer 5

使用

{}

创建区块

const array1 = [1, 4, 9, 16];
const map1 = array1.map((x) => {
  console.log(x)
  return x * 2
});