关于 JavaScript .reduce 方法的累加器的问题

Question

我正在解决这个问题，以使用 reduce 方法创建一个函数，该函数将获取数组中的最大数。

导师的回答是：

const numbers = [1, 2, 3, 4, 4, 5, 1, 3, 4];
const max = getMax(numbers);
console.log(max);
function getMax(array) {
   if (array.length === 0) return undefined;
   return array.reduce((accumulator, current) => {
       return (accumulator > current) ? accumulator : current
}); 

我试过这样的：

 return array.reduce((accumulator, current) => {
    if (accumulator < current)
        console.log(accumulator, current);
        return accumulator = current;
});   

我添加了 console.log (accumulator, current)，因为我想看看我的代码发生了什么。日志显示如下：

console.log of my code

1 2
2 3
3 4
4 5
1 3
3 4
4

问题 1。我想知道为什么我的函数没有给出正确的输出（它返回 4，而不是正确的输出 5）。 “累加器”在循环期间被分配为 5 时不应该保持 5 吗？

问题2.为什么在if语句下面已经有return的情况下，函数中还需要return（或者前面加return）？

Answer 1

您没有在if 语句之后使用{ ... }，因此只有第一行console.log(...) 在满足条件时发生。 accumlator = current 行总是在每次迭代中出现。在使用命令式 if 语句 时，您必须使用 return。但是，当使用函数式表达式时，您可以跳过return，即(accumulator, current) => accumulator < current ? current : accumulator，它表示“如果累加器小于当前值，则返回当前值，否则返回累加器”。

考虑这个分解的程序。当我们将max 视为一个独立的函数时，它可以帮助我们准确地看到reduce 所期望的函数类型 -

const max = (a = 0, b = 0) =>
  a < b               // if a is less than b
    ? b               // return b
    : a               // otherwise return a
 
const getMax = (numbers = []) =>
  numbers.length === 0          // if numbers.length is zero
    ? undefined                 // return undefined
    : numbers.reduce(max)       // otherwise return reduction

console.log(getMax([1, 2, 3, 4, 4, 5, 1, 3, 4]))
// 5

console.log(getMax([]))
// undefined

console.log(getMax())
// undefined

我们可以看到reduce正在产生以下计算-

// given
[1, 2, 3, 4, 4, 5, 1, 3, 4]

// starting with the first two
r = max(1, 2)

// then the next number
r = max(r, 3)

// then the next number
r = max(r, 4)

// then the next number
r = max(r, 4)

或者没有中间r = ... -

max(max(max(max(max(max(max(max(1, 2), 3), 4), 4), 5), 1), 3), 4)

如果我们愿意，我们可以写getMax 而不写reduce -

const max = (a = 0, b = 0) =>
  a < b
    ? b
    : a
 
const getMax = (numbers = []) =>
  numbers.length === 0 // without any numbers,
    ? undefined        // there can be no max.
: numbers.length === 1 // if we only have one,
    ? numbers[0]       // we already know max.
    : max(numbers[0], getMax(numbers.slice(1))) // else

console.log(getMax([1, 2, 3, 4, 4, 5, 1, 3, 4]))
// 5

console.log(getMax([]))
// undefined

console.log(getMax())
// undefined

或者你可能还没有学过slice。您可以使用数组索引i 来遍历您的数组 -

const max = (a = 0, b = 0) =>
  a < b
    ? b
    : a
 
const getMax = (numbers = [], i = 0) =>
  numbers.length === 0    // without any numbers,
    ? undefined           // there can be no max.
: i + 1 >= numbers.length // if the next i is not in bounds,
    ? numbers[i]          // this is the last number
    : max(numbers[i], getMax(numbers, i + 1)) // else

console.log(getMax([1, 2, 3, 4, 4, 5, 1, 3, 4]))
// 5

console.log(getMax([]))
// undefined

console.log(getMax())
// undefined

解构赋值也可以使用-

const max = (a = 0, b = 0) =>
  a < b
    ? b
    : a
 
const getMax = ([ num, ...more ] = []) =>
  more.length === 0
    ? num
    : max(num, getMax(more))
    
console.log(getMax([1, 2, 3, 4, 4, 5, 1, 3, 4]))
// 5

console.log(getMax([]))
// undefined

console.log(getMax())
// undefined

这可能会告诉你如何发明自己的reduce -

const max = (a = 0, b = 0) =>
  a < b
    ? b
    : a
 
const reduce = (f, a = [], i = 0) =>
  a.length === 0    // without any numbers,
    ? undefined     // there can be no reduction.
: i + 1 >= a.length // if the next i is not in bounds,
    ? a[i]          // this is the last element
    : f(a[i], reduce(f, a, i + 1)) // else

const getMax = (numbers = []) =>
  reduce(max, numbers) // <-- our reduce!

console.log(getMax([1, 2, 3, 4, 4, 5, 1, 3, 4]))
// 5

console.log(getMax([]))
// undefined

console.log(getMax())
// undefined

Answer 2

尝试使用 Math.max 方法：

const numbers = [1, 2, 3, 4, 4, 5, 1, 3, 4]
numbers.reduce((acc, rec) => Math.max(acc, rec))

//5

或

function max(numbers) {
  return list.reduce((acc, rec) => acc > rec ? acc : rec)
}

如果您需要在没有 Math.max 的情况下找到最大值。