如何在JavaScript的Array.prototype.map()方法中打印当前处理的元素值？

嘿，这事儿超容易解决！你只需要在map的回调函数里，先添加打印语句，再返回处理后的结果就行。

原来的示例用了箭头函数的隐式返回（省略大括号和return），但当我们需要执行多条语句时，就得把箭头函数的代码用大括号包裹，并且显式写出return：

const array1 = [1, 4, 9, 16];
const map1 = array1.map((x) => {
  // 打印当前正在处理的元素
  console.log('当前处理的元素值：', x);
  // 返回原来的计算结果
  return x * 2;
});

如果你追求极致简洁，也可以用逗号运算符来实现一行搞定（不过可读性会稍差，团队协作时更推荐上面的写法）：

const array1 = [1, 4, 9, 16];
const map1 = array1.map((x) => (console.log('当前元素：', x), x * 2));

另外，如果你还想知道当前元素的索引，或者访问原数组，map的回调函数还支持额外两个参数（索引index和原数组arr），比如：

const array1 = [1, 4, 9, 16];
const map1 = array1.map((x, index, originalArray) => {
  console.log(`第${index}个元素：${x}，原数组：`, originalArray);
  return x * 2;
});

这样就能更全面地掌握map执行时的上下文啦～

内容的提问来源于stack exchange，提问作者Milán Nikolics