假设我想对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
第一个例子中我做错了什么?
当前回答
在reduce的每一步中，你不会返回一个新的{x:??}对象。所以你要么需要做:
arr = [{x:1},{x:2},{x:4}]
arr.reduce(function(a,b){return a + b.x})
或者你需要这样做
arr = [{x:1},{x:2},{x:4}]
arr.reduce(function(a,b){return {x: a.x + b.x}; })
其他回答
一个更简洁的方法是提供一个初始值作为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。
//fill创建包含n元素的数组 //reduce需要2个参数，第3个参数作为长度 var fibonacci = (n) =>数组(n).fill()。Reduce ((a, b, c) => { 返回a.concat(c < 2 ?C: a[C - 1] + a[C - 2]) },[]) console.log(斐波纳契(8))
其他人已经回答了这个问题，但我认为我应该提出另一种方法。你可以结合一个映射(从a.x到x)和reduce(把x相加)，而不是直接对a.x求和:
arr = [{x:1},{x:2},{x:4}]
arr.map(function(a) {return a.x;})
.reduce(function(a,b) {return a + b;});
不可否认，它可能会稍微慢一些，但我认为值得把它作为一个选项提出来。
对于第一次迭代，'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)
返回所有x个道具的和:
arr.reduce(
(a,b) => (a.x || a) + b.x
)
