javascript - 如果我不使用 “` 的初始值，为什么会得到 `flattenDeep(...)` TypeError`: `reduce` is not iterable”,？

Question

当我编写下面的函数时，它会抛出以下错误:

const flattenDeep = (arr) => Array.isArray(arr)
  ? arr.reduce( (a, b) => [...flattenDeep(a), ...flattenDeep(b)])
  : [arr]

const a=flattenDeep([1, [[2], [3, [4]], 5],[[[[[[[1]]]]]]]])
console.log(a);

当我改变它时，它就起作用了。为什么加初始值[]后可以运行？

const flattenDeep = (arr) => Array.isArray(arr)
  ? arr.reduce( (a, b) => [...flattenDeep(a), ...flattenDeep(b)], [])
  : [arr]

const a=flattenDeep([1, [[2], [3, [4]], 5],[[[[[[[1]]]]]]]])
console.log(a)

这工作正常，并打印 [1, 2, 3, 4, 5, 1]。

Answer 1

你得到这个错误的原因是因为，在开始时，flattenDeep(b) 将被调用 b === [[2], [3, [4]] , 5]。反过来，这将使用 a === [2] 调用 flattenDeep(a)。

Array.isArray([2]) 为 true，因此 [2].reduce((a, b) =>... ) 没有初始值将被调用。 reduce 考虑初始值(如果有的话)，然后是所有其他数组元素，作为a 和b，其中 a 累积返回值，b 是下一个值。

在具有单个值(加上开头的初始值)的数组上调用 reduce 的结果是那个单个值。换句话说，函数体 [...flattenDeep(a), ...flattenDeep(b)] 根本没有执行，也没有创建数组。立即返回数组的第一个元素 2。

所以 flattenDeep([2]) 是 2，它是不可迭代的。

添加初始值 [] 会导致 reduce 总是 返回一个数组，即使它只是那个空数组。当然，数组始终是可迭代的。