我有这个包含这些数据的 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},
];
Run Code Online (Sandbox Code Playgroud)
我想得到添加键“t2p_conv”的结果。为此,我使用了 javascript 的 reduce 函数,如下所示:
let sumt2p = data.reduce((acc, item) => {
return acc + item.t2p_conv;
});
console.log("Result: " + sumt2p);
Run Code Online (Sandbox Code Playgroud)
当我尝试显示 sumt2p 的值时,我得到了这个结果:
Result: [object Object]2341
Run Code Online (Sandbox Code Playgroud)
这怎么可能?难道我做错了什么?
当您选择这样的属性时,您需要提供第二个参数来reduce为acc参数提供种子值:
let sumt2p = data.reduce((acc, item) => {
return acc + item.t2p_conv;
}, 0);
// ??^^^
Run Code Online (Sandbox Code Playgroud)
如果您不提供种子,则对回调的第一次调用将使用数组中的前两个条目。由于您在+对象( 中的第一个对象acc)上使用,它会被转换为字符串。:-)
这是reduce通常比必要的更复杂的众多原因之一。例如,在这里,一个简单的循环,也许带有解构,完成了这项工作:
let sumt2p = 0;
for (const {t2p_conv} of data) {
sumt2p += t2p_conv;
}
Run Code Online (Sandbox Code Playgroud)