Array(n) 和 [...Array(n)] 之间的区别

Question

为什么下面代码中的 map() 输出有差异？

var y = [1,2,2,1];

var t = y.map(ind => [...Array(ind)].map((_,i) => ind+""+i));
// This makes [ [ '10' ], [ '20', '21' ], [ '20', '21' ], [ '10' ] ]

var t1 = y.map(ind => Array(ind).map((_,i) => ind+""+i));
//[ [ <1 empty item> ], [ <2 empty items> ], [ <2 empty items> ], [ <1 empty item> ] ]

Answer 1

这基本上是您应该避免使用 Array 构造函数来创建数组的原因。

当将单个数字 n 作为参数传递时，Array 构造函数将返回一个长度为 n 但没有元素的数组，也称为 sparse 数组。 （传递给 Array 构造函数的任何其他内容，一个字符串、一个对象、两个数字等，都将创建一个普通数组，并将传递的参数作为元素按顺序排列）。

尝试.map() 在这个数组上是行不通的，因为其中没有任何项目，这就是你得到相同稀疏数组的原因。您的 .map() 是无操作的。

使用[...（顺便说一下，与Array.from()相同），将“实现”将[ <1 empty item> ]转换为[undefined]和[ <2 empty items> ]转换为[undefined, undefined]的数组，这是一个包含实际元素的数组，其值为undefined。 .map() 确实可以解决这个问题，所以你会得到你期望的结果。

简而言之，避免使用Array 构造函数。