如何结合输入值激活reduce方法？求修改思路及方案

先梳理你当前代码里的几个问题：

• unshift()方法返回的是数组的新长度，不是修改后的数组，所以totalvalue变量存的其实是数字，完全没用
• 输入框的值默认是字符串类型，直接塞进数组后，reduce会做字符串拼接而非数字相加
• parseInt(emptyarray)写在return之后，永远不会执行，而且直接给parseInt传整个数组也是错误用法
• 每次点击按钮都会重新创建[10,10]的数组，之前的输入值会被重置，没法累积

修正步骤： #

1. 把数组定义移到事件监听外面，避免每次点击都重置数据
2. 获取输入值后先转成数字，再添加到数组里（用unshift或者push都可以，按需选择加到开头还是末尾）
3. 在reduce里确保每一项都是数字类型，或者提前把数组元素统一转成数字
4. 正确使用reduce计算总和，若需要平均值再除以数组长度

修正后的代码： #

// 把数组放到事件监听外，避免每次点击重置
let numberArray = [10, 10];
const input = document.querySelector("input");
const btn = document.querySelector("button");

btn.addEventListener('click', function(){
  // 获取输入值并转成数字，空值或非数字时设为0避免运算出错
  const inputNum = parseInt(input.value) || 0;
  // 将数字添加到数组末尾，用unshift则是加到开头，按需选择
  numberArray.push(inputNum);
  
  // 用reduce计算总和，初始化acc为0确保是数字运算
  const total = numberArray.reduce(function(acc, curr){
    // 保险起见，把curr也转成数字，避免数组混入非数字值
    return acc + parseInt(curr);
  }, 0);
  
  // 若需要计算平均值
  const average = total / numberArray.length;
  
  // 可打印结果验证
  console.log("总和：", total);
  console.log("平均值：", average);
});

额外提示： #

• 可以加输入校验，比如输入为空或不是有效数字时提示用户，避免无效值加入数组
• 如果不需要累积输入值，每次点击都用输入值和固定的[10,10]计算，那就在事件监听里定义数组，把输入值转数字后放进去再执行reduce

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