forEach()与reduce()结合arguments异常：数组乘积差计算出错

我来帮你排查这个问题！你遇到的最后一个元素“遗漏”、输出NaN的情况，大概率是用reduce()时没正确返回累加值，或者初始值设置有误导致的——其实最后一个元素是被处理了，但前面的错误让计算变成了无效值。咱们一步步来解决：

先给你正确的实现方案 #

方案1：用reduce()简洁计算（推荐） #

这是最符合JS风格的写法，专门处理这种累加/累乘场景：

function findDifference(arr1, arr2) {
  // 封装一个计算数组乘积的小函数
  const getProduct = (arr) => {
    // 必须设置初始值为1！否则空数组会报错，且后续计算容易出问题
    return arr.reduce((accumulator, current) => accumulator * current, 1);
  };
  
  return getProduct(arr1) - getProduct(arr2);
}

// 测试你的用例
console.log(findDifference([3, 2, 5], [1, 4, 4])); // 输出 30 - 16 = 14

方案2：用forEach()实现 #

如果你更习惯用forEach()，可以这样写，逻辑更直观：

function findDifference(arr1, arr2) {
  let productA = 1;
  let productB = 1;
  
  arr1.forEach(num => productA *= num);
  arr2.forEach(num => productB *= num);
  
  return productA - productB;
}

分析你可能踩的坑 #

• reduce()回调没返回累加值
  这是导致NaN最常见的原因！比如你可能写了这样的代码：

arr.reduce((acc, curr) => {
  acc *= curr; // 忘记写 return acc;
});

第一次迭代：acc是3，curr是2，acc变成6，但因为没返回，第二次迭代的acc就变成了undefined，乘第三个元素5直接得到NaN——看起来像是最后一个元素没被处理，其实是处理后变成了无效值。

• reduce()没设置初始值1
  如果你的reduce()没加初始值1，单元素数组没问题，但空数组会直接报错，而且在一些特殊场景下（比如数组被意外修改），也会导致计算异常。

• arguments使用不当
  如果你用arguments来获取传入的数组，要确保调用函数时确实传了两个数组，不然arguments[1]会是undefined，调用数组方法直接报错。另外arguments是类数组对象，最好转成数组（比如Array.from(arguments)）再处理，避免意外问题。

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