假设我想对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
第一个例子中我做错了什么?
假设我想对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
第一个例子中我做错了什么?
当前回答
返回所有x个道具的和:
arr.reduce(
(a,b) => (a.x || a) + b.x
)
其他回答
在第一步中,它会工作得很好,因为a的值将是1,b的值将是2,但由于2+1将返回,在下一步中,b的值将是第一步的返回值,即3,因此b.x将是未定义的…而undefined + anyNumber将是NaN,这就是为什么你会得到这个结果。
相反,你可以尝试给初始值为零,即
arr.reduce(function(a,b){return a + b.x},0);
对于第一次迭代,'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)
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
返回所有x个道具的和:
arr.reduce(
(a,b) => (a.x || a) + b.x
)
只是我对用object literal设置默认值的看法。
让arr = [{ 持续时间:1 },{ 持续时间:3 },{ 持续时间:5 },{ 持续时间:6 }); Const out = arr。Reduce ((a, b) => { 返回{ 持续时间:a.duration + b.duration }; },{ 持续时间:0 }); console.log(出);