如何调用对象数组上的减少和他们的属性?

假设我想对arr中的每个元素求和。

arr = [ { x: 1 }, { x: 2 }, { x: 4 } ];
arr.reduce(function(a, b){ return a.x + b.x; }); // => NaN

我有理由相信a。x在某些时候是没有定义的。

以下工作正常

arr = [ 1, 2, 4 ];
arr.reduce(function(a, b){ return a + b; }); // => 7

第一个例子中我做错了什么?

当前回答

对于第一次迭代，'a'将是数组中的第一个对象，因此a.x + b.x将返回1+2，即3。

在下一次迭代中返回的3被赋值给a，所以a是一个数字n调用a。x会得到NaN。

简单的解决方法是先将数字映射到数组中，然后将其缩减如下:

arr.map(a=>a.x).reduce(function(a,b){return a+b})

这里arr.map(a=>a.x)将提供一个数字数组[1,2,4]，现在使用.reduce(function(a,b){return a+b})将简单地添加这些数字，没有任何麻烦

另一个简单的解决方案是通过将0赋值给a来提供一个初始和为零，如下所示:

arr.reduce(function(a,b){return a + b.x},0)

其他回答

一个更简洁的方法是提供一个初始值作为reduce的第二个参数:

Var arr = [{x:1}， {x:2}， {x:4}]; Var结果= arr。Reduce(函数(acc, obj){返回acc + obj.x;}, 0); console.log(结果);/ / 7

第一次调用匿名函数时，使用(0，{x: 1})调用它，并返回0 + 1 = 1。下一次，它被(1，{x: 2})调用，并返回1 + 2 = 3。然后用(3，{x: 4})调用它，最后返回7。

这也可以处理数组为空的情况，返回0。

返回所有x个道具的和:

arr.reduce(
(a,b) => (a.x || a) + b.x 
)

let temp =[{x:1},
{x:2},
{x:3},
{x:4}];
let sum = temp.map(element => element.x).reduce((a, b) => a+ b , 0)
console.log(sum);

我们可以用这种方法求x的和

输出:10

我在ES6中做了一点改进:

arr.reduce((a, b) => ({x: a.x + b.x})).x

返回数

在第一步中，它会工作得很好，因为a的值将是1,b的值将是2，但由于2+1将返回，在下一步中，b的值将是第一步的返回值，即3，因此b.x将是未定义的…而undefined + anyNumber将是NaN，这就是为什么你会得到这个结果。

相反，你可以尝试给初始值为零，即

arr.reduce(function(a,b){return a + b.x},0);

推荐文章