传入单参数回调时JavaScript reduce方法行为异常问题求解

成因说明 #

你写的reduce代码没有正确接收回调函数的参数，导致完全没有用到数组的元素值，因此修改数组元素不会影响最终结果：

• Array.prototype.reduce的回调函数最少需要接收2个参数：第一个是上一轮执行结束后的累计值，第二个是当前遍历到的数组元素。你现在的回调只声明了第一个参数x，全程只对累计值做减2操作，和数组本身的元素没有任何关联。
• 你的数组长度是4，初始累计值设为0，相当于执行了4次累计值减2的操作：0 - 2 - 2 - 2 - 2 = -8，所以不管数组里存什么内容，只要数组长度是4，最终结果都会是-8。

正确用法参考 #

如果你是想实现「每个数组元素减2得到新数组」的效果，更适合用map方法：

const array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x - 2);
console.log(map1); // 输出 [-1, 2, 7, 14]

如果确实需要用reduce实现相同逻辑，要正确接收两个参数，并且把处理后的元素推到累计数组里：

const array1 = [1,4,9,16];
const map1 = array1.reduce((acc, curr) => {
  acc.push(curr - 2);
  return acc;
}, []);
console.log(map1); // 输出 [-1, 2, 7, 14]

关于reduce方法的详细说明，你可以查阅权威JavaScript语法教程或者ECMAScript标准文档中的对应描述。

内容的提问来源于stack exchange，提问作者Hamza