能否用JavaScript Array Map处理键值对数组的累加求和？

先看你给出的示例数组 var numbers = [{ val1: 1, val2: 2, val3: 3, val4: 4 }]，我们分两种常见的实际场景来讨论解决方案：

场景1：提取单个对象的属性值生成累加数组 #

如果你的需求是把这个对象里的 val1 到 val4 的值，转换成类似数字数组那样的累加结果 [1, 3, 6, 10]，完全可以用你熟悉的 map 思路，只需要先把对象的属性值提取成数组，再进行处理：

const numbers = [{ val1: 1, val2: 2, val3: 3, val4: 4 }];
// 先提取对象的属性值数组（ES6+ 按属性插入顺序返回）
const values = Object.values(numbers[0]);
let total = 0;
const accumulatedArray = values.map(v => total += v);
console.log(accumulatedArray); // 输出: [1, 3, 6, 10]

这里要注意，Object.values() 会严格遵循对象属性的插入顺序返回值数组，所以如果你的属性命名是有序的（比如 val1、val2），这个方法完全能满足需求。

场景2：数组包含多个同结构对象，对每个键分别做累加 #

如果你的实际场景是数组里有多个同结构的对象（比如下面这样）：

const numbers = [
  { val1: 1, val2: 2 },
  { val1: 3, val2: 4 },
  { val1: 5, val2: 6 }
];

想要实现单个键的步骤累加数组，或者所有键的最终累加结果，这里有两种方案：

方案1：用 map 实现单个键的步骤累加 #

和你处理数字数组的逻辑几乎一致，只是每次从对象中取出对应键的值即可：

let totalVal1 = 0;
const val1Accumulated = numbers.map(obj => totalVal1 += obj.val1);
console.log(val1Accumulated); // 输出: [1, 4, 9]

这种方式简单直接，完全复用了你原来的思路。

方案2：用 reduce 一次性处理所有键的累加 #

如果需要同时处理多个键的累加（不管是最终总和还是步骤数组），reduce 会更高效简洁：

方式A：获取所有键的最终累加总和

const totalResult = numbers.reduce((acc, currentObj) => {
  Object.keys(currentObj).forEach(key => {
    // 初始化累加值，或在上一次的基础上继续累加
    acc[key] = (acc[key] || 0) + currentObj[key];
  });
  return acc;
}, {});
console.log(totalResult); // 输出: { val1: 9, val2: 12 }

方式B：获取所有键的步骤累加数组

const stepResult = numbers.reduce((acc, currentObj) => {
  Object.keys(currentObj).forEach(key => {
    // 取上一次累加的最后一个值，没有则默认0
    const lastValue = acc[key] ? acc[key][acc[key].length - 1] : 0;
    // 追加新的累加值到对应键的数组中
    acc[key] = [...(acc[key] || []), lastValue + currentObj[key]];
  });
  return acc;
}, {});
console.log(stepResult); 
// 输出: { val1: [1, 4, 9], val2: [2, 6, 12] }

总结 #

• 单个对象的属性值转累加数组：先提取值数组，再用 map + 外部累加变量的方式完全可行，和你原来的逻辑一致。
• 多个同结构对象的键累加：单个键用 map 最直接；多键同时处理的话，reduce 是更优的选择。

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