为什么Reduce Helper 返回NaN？

Question

我在这个网站上尝试了这段代码，它工作正常并返回 60，因为它应该，但是当我尝试在 HTML 网页上运行它时，它首先返回 10，其他 2 个值将是 NaN，我不明白为什么发生此错误。我将不胜感激您的解决方案。

var numbers = [ 10, 20, 30 ] ;

numbers.reduce(function(sum , number){
     return console.log( sum + number);
} , 0);

Answer 1

在您要返回的reduce函数中console.log()。console.log()不返回任何内容 ( undefined)，因此您的总和也变得不确定。undefined + 10会给你NaN错误。

如果您想在控制台中查看内容，并让该函数按预期工作，您将需要 1) 返回数字，2)console.log在代码中包含 a。换句话说，就像

var numbers = [ 10, 20, 30 ] ;

numbers.reduce(function(sum , number){
     console.log(sum + number);
     return sum + number;
} , 0);