在箭头函数中返回扩展数组

Question

假设我有这种类型的数组：

[ [1, 2], [3, 4] ]

我需要做的是在更高层上获取嵌套元素，使其看起来像：

[1, 2, 3, 4]

我正在尝试以功能方式实现这一目标，因此代码如下所示：

const arr = [ [1, 2], [3, 4] ]
const f = Array.from(arr, x => ...x)

但这带来了Unexpected token ...错误。 那么正确的方法是什么？

Answer 1

您可以使用Array的flat方法：

 const inp = [ [1, 2], [3, 4] ]; console.log(inp.flat()); 

在您的情况下，spread语法不是您可以通过这种方式使用的运算符，这就是错误的原因。

正如@MarkMeyer在注释中正确指出的那样，Edge和Internet Explorer尚不支持该flat 。 在这种情况下，您可以使用reduce来寻求解决方案：

 const inp = [[1,2], [3,4]]; console.log(inp.reduce((acc, val) => acc.concat(...val), [])); 

Answer 2

Array.from将为传入的数组中的每个项目生成一个项目。它查看传入的iterable的length ，并迭代从0开始的索引。因此，无论您在回调中做什么（假设它是有效的），如果传入两个元素的数组，则将得到一个长度为2的输出数组。

reduce()可能是一个更好的选择：

 let arr = [ [1, 2], [3, 4] ] let flat = arr.reduce((arr, item) => [...arr, ...item]) console.log(flat) 

Answer 3

您可以为该数组创建一个迭代器，并通过使用另一个用于嵌套数组的生成器来扩展该数组。

 function* flat() { for (var item of this.slice()) { if (Array.isArray(item)) { item[Symbol.iterator] = flat; yield* item } else { yield item; } } } var array = [[1, 2], [3, 4, [5, 6]]]; array[Symbol.iterator] = flat; console.log([...array]);