javascript - 为什么 reduce 函数输出数组中的项目数？

Question

我正在通过教程学习 ES6，在玩代码时，我发现了一些我不理解的地方。下面的代码输出“3”。

var primaryColors = [

  { color: 'red' },
  { color: 'yellow' },
  { color: 'blue' },

];

var newColors = [];

primaryColors.reduce(function(color, primaryColor){

  return newColors.push(primaryColor.color);

}, []);

为什么返回语句返回“堆栈”中数据的编号？

Answer 1

Why is reduce function outputting no of items in an array?

As Nenad Vracar said ，因为 push 返回数组中的项目数，而 reduce 返回回调返回的最后一个值。

reduce不是这项工作的正确工具。 map是:

var newColors = primaryColors.map(function(primaryColor) {
    return primaryColor.color;
});

var primaryColors = [
  { color: 'red' },
  { color: 'yellow' },
  { color: 'blue' },
];
var newColors = primaryColors.map(function(primaryColor) {
    return primaryColor.color;
});
console.log(newColors);

或使用 ES2015 arrow function :

var newColors = primaryColors.map(primaryColor => primaryColor.color);

var primaryColors = [
  { color: 'red' },
  { color: 'yellow' },
  { color: 'blue' },
];
var newColors = primaryColors.map(primaryColor => primaryColor.color);
console.log(newColors);

如果我们正在做 ES2015，我们可以输入 destructuring :

var newColors = primaryColors.map(({color}) => color);

var primaryColors = [
  { color: 'red' },
  { color: 'yellow' },
  { color: 'blue' },
];
var newColors = primaryColors.map(({color}) => color);
console.log(newColors);