时间戳

首页 > 解决方案 > Javascript：json对象数组的reduce函数不返回值的加法

javascript - Javascript：json对象数组的reduce函数不返回值的加法

问题描述

我有这个包含这些数据的 json 对象数组：

      let data = [
    {"id_player_team" : 1, "name" : "Jose", "t2p_conv": 3, "t3p_conv": 5},
    {"id_player_team" : 2, "name" : "Jesus", "t2p_conv": 2, "t3p_conv": 1},
    {"id_player_team" : 3, "name" : "Maria", "t2p_conv": 3, "t3p_conv": 0},
    {"id_player_team" : 4, "name" : "Irene", "t2p_conv": 4, "t3p_conv": 2},
    {"id_player_team" : 5, "name" : "Carmen", "t2p_conv": 1, "t3p_conv": 2},
  ];

我想得到添加键“t2p_conv”的结果。为此，我使用了 javascript 的 reduce 函数，如下所示：

let sumt2p = data.reduce((acc, item) => {
     return acc + item.t2p_conv;
});
console.log("Result: " + sumt2p);

当我尝试显示 sumt2p 的值时，我得到了这个结果：

Result: [object Object]2341

这怎么可能？难道我做错了什么？

标签： javascript

解决方案

当您选择这样的属性时，您需要提供第二个参数来reduce为acc参数提供种子值：

    let sumt2p = data.reduce((acc, item) => {
         return acc + item.t2p_conv;
    }, 0);
// −−^^^

如果您不提供种子，则对回调的第一次调用将使用数组中的前两个条目。由于您使用+的是对象（ 中的第一个对象acc），因此它会转换为字符串。:-)

这是reduce通常比必要更复杂的众多原因之一。例如，在这里，一个简单的循环（可能带有解构）就可以完成这项工作：

let sumt2p = 0;
for (const {t2p_conv} of data) {
     sumt2p += t2p_conv;
}

推荐阅读