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

下面是一个简单的实用方法:

简单地图

函数mapFor(toExclusive, callback) { Callback = Callback || function(){}; Var arr = []; For (var I = 0;i < toExclusive;我+ +){ arr.push(回调(i)); ｝ 返回arr; }; var arr = mapFor(3，函数(i){返回i;})； console.log (arr);// [0,1,2] arr = mapFor(3); console.log (arr);// [undefined, undefined, undefined]

完整的示例

下面是一个更完整的例子(带有完整性检查)，它也允许指定一个可选的起始索引:

function mapFor() { var from, toExclusive, callback; if (arguments.length == 3) { from = arguments[0]; toExclusive = arguments[1]; callback = arguments[2]; } else if (arguments.length == 2) { if (typeof arguments[1] === 'function') { from = 0; toExclusive = arguments[0]; callback = arguments[1]; } else { from = arguments[0]; toExclusive = arguments[1]; } } else if (arguments.length == 1) { from = 0; toExclusive = arguments[0]; } callback = callback || function () {}; var arr = []; for (; from < toExclusive; from++) { arr.push(callback(from)); } return arr; } var arr = mapFor(1, 3, function (i) { return i; }); console.log(arr); // [1, 2] arr = mapFor(1, 3); console.log(arr); // [undefined, undefined] arr = mapFor(3); console.log(arr); // [undefined, undefined, undefined]

倒计时

操作传递给回调函数的索引允许向后计数:

var count = 3;
var arr = arrayUtil.mapFor(count, function (i) {
    return count - 1 - i;
});
// arr = [2, 1, 0]

既然问题是为什么，这与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]，通过返回显式声明的两个值之间的差值自动填充空白。

不是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()函数时，不会执行任何操作(不会调用回调)。

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

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

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

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

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