从map的MDC页面:

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

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

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

如果你这样做是为了方便地用值填充数组，由于浏览器支持的原因不能使用fill，并且真的不想做for循环，你也可以执行x = new array (3).join(".").split(".").map(…它会给你一个空字符串数组。

我不得不说，这很难看，但至少问题和意图传达得很清楚。

既然问题是为什么，这与JS的设计方式有关。

我认为有两个主要原因可以解释这种行为:

性能:给定x = 10000和新Array(x)，构造函数最好避免从0到10000循环填充未定义值的数组。 隐式"undefined":给定a = [undefined, undefined]和b = new Array(2)， a[1]和b[1]都将返回undefined，但a[8]和b[8]即使超出范围也将返回undefined。

最终，符号empty x3是避免设置和显示一长串未定义值的快捷方式，因为它们没有显式声明。

注意:给定数组a =[0]和[9]= 9,console.log(a)将返回(10)[0,empty x 8,9]，通过返回显式声明的两个值之间的差值自动填充空白。

看来第一个例子

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在索引/属性列表上运行，而不是在设置的长度上运行，所以如果没有创建索引/属性，它将不会运行。

不是bug。这就是Array构造函数的工作方式。

争取民主变革运动:

当您使用Array构造函数指定单个数值形参时，您将指定数组的初始长度。下面的代码创建了一个包含五个元素的数组:

var billingMethod = new Array(5);

Array构造函数的行为取决于单个参数是否为数字。

.map()方法只在数组的迭代元素中包含显式赋值的元素。即使显式赋值为undefined也会导致一个值被认为符合迭代包含的条件。这看起来很奇怪，但它本质上是对象上显式的未定义属性和缺少属性之间的区别:

var x = { }, y = { z: undefined };
if (x.z === y.z) // true

对象x没有名为“z”的属性，而对象y有。然而，在这两种情况下，属性的“值”似乎都是未定义的。在数组中，情况与此类似:length的值隐式地对从0到length - 1的所有元素进行赋值。因此，在使用array构造函数和数值参数新构造的数组上调用.map()函数时，不会执行任何操作(不会调用回调)。

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

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));