我有一个任务，我只知道数组的长度，需要转换项目。 我想这样做:

let arr = new Array(10).map((val,idx) => idx);

快速创建一个这样的数组:

[0,1,2,3,4,5,6,7,8,9]

但这并不奏效，因为: (参见乔纳森·洛诺夫斯基的回答)

解决方案是使用array .prototype.fill()将数组项填充为任何值(甚至是undefined)

let arr = new Array(10).fill(undefined).map((val,idx) => idx);

console.log(新数组(10).fill(定义)。Map ((val, idx) => idx));

更新

另一个解决方案是:

let arr = Array.apply(null, Array(10)).map((val, idx) => idx);

console.log(数组。应用(null,数组(10))。Map ((val, idx) => idx));

我认为最好的解释方式是看看Chrome处理它的方式。

>>> x = new Array(3)
[]
>>> x.length
3

因此，实际发生的情况是new Array()返回一个长度为3的空数组，但没有值。因此，当您在技术上为空的数组上运行x.map时，不需要设置任何内容。

Firefox只是用undefined“填充”这些空槽，即使它没有值。

我不认为这是一个明显的错误，只是一种表现正在发生的事情的糟糕方式。我想Chrome的是“更正确”，因为它显示数组中实际上没有任何东西。

ES6解决方案:

[...Array(10)]

但不能在typescript(2.3)上工作

数组是不同的。不同之处在于，new Array(3)创建了一个长度为3但没有属性的数组，而[undefined, undefined, undefined]创建了一个长度为3的数组和三个名为“0”、“1”和“2”的属性，每个属性的值都为undefined。你可以用in操作符看出区别:

"0" in new Array(3); // false
"0" in [undefined, undefined, undefined]; // true

这源于一个有点令人困惑的事实，即如果您试图在JavaScript中获取任何原生对象的不存在属性的值，它将返回undefined(而不是抛出错误，当您试图引用不存在的变量时就会发生这种情况)，这与之前显式地将属性设置为undefined时得到的结果相同。

看来第一个例子

x = new Array(3);

创建一个长度为3但没有任何元素的数组，因此不会创建索引[0]、[1]和[2]。

第二个创建了一个包含3个未定义对象的数组，在这种情况下，它们自己的索引/属性被创建，但它们引用的对象是未定义的。

y = [undefined, undefined, undefined]
// The following is not equivalent to the above, it's the same as new Array(3)
y = [,,,];

因为map在索引/属性列表上运行，而不是在设置的长度上运行，所以如果没有创建索引/属性，它将不会运行。

从map的MDC页面:

[…回调函数只对赋值的数组索引调用;[…]

[undefined]实际上应用了索引(es)上的setter，因此map将进行迭代，而new Array(1)只是初始化索引(es)，默认值为undefined，因此map跳过它。

我相信这对于所有的迭代方法都是一样的。