在数组的数组上使用map（）中的reduce（）

Question

我正在处理一个freecodecamp挑战，我想知道为什么我的代码不工作，以及如何纠正它。

目标是“返回一个数组，该数组由每个提供的子数组中的最大数组成。”

我的尝试是使用减少作为映射函数映射输入数组：

function largestOfFour(arr) {
    arr = arr.map(function(innerArray){
       innerArray = innerArray.reduce(function(previousValue,currentValue){
           return currentValue > previousValue ? currentValue : previousValue;
       });
    });
    return arr;
}

console.log(largestOfFour([[4, 5, 1, 3],[1, 2, 3, 4]]));

当前输出为：[未定义，未定义]

我应该如何修复我的代码？

Answer 1

还有另一种解决方法

js prettyprint-override">function largestOfFour(arr) {
  return arr.map(function(innerArray) {
    // sort innerArray ascending
    return innerArray.sort(function sort(a, b) {
      return a > b;
    }).pop(); // << get the last element (the max)
  });
}

var result = largestOfFour([
  [4, 5, 1, 3],
  [1, 2, 3, 4]
]);
console.log(result);
document.write(result);

Answer 2

有个更简单的方法

function largestOfFour(arr) {
    return arr.map(function(innerArray) {
      return Math.max.apply(null, innerArray);
    });
}

数学。max可以用多个参数调用，如在数学中。max（3,4,5,6）将返回6。

使用apply我们可以将参数数组传递给函数，如中所示。应用（此值[3,4,5,6]）并执行相同的操作。

因为有一个数组，我们可以映射外部数组，并返回Math的结果。max.apply（thisValue，innerArray），由于这里的thisValue不重要，只需传递null即可。

Answer 3

在map回调中，您应该返回reduce的结果：

function largestOfFour(arr) {
  return arr.map(function(innerArray){
    return innerArray.reduce(function(previousValue,currentValue){
      return currentValue > previousValue ? currentValue : previousValue;
    });
  });
}

请注意，有更短的方法可以做到这一点。