我在Firefox-3.5.7/Firebug-1.5.3和Firefox-3.6.16/Firebug-1.6.2中观察到这一点

当我启动Firebug时:

var x = new Array(3) console.log (x) // [undefined, undefined, undefined] Var y = [undefined, undefined, undefined] console.log (y) // [undefined, undefined, undefined] Console.log (x.constructor == y.constructor) // true console.log ( X.map(函数(){返回0;}) ) // [undefined, undefined, undefined] console.log ( Y.map(函数(){返回0;}) ) // [0,0,0]

这是怎么回事?这是一个错误,还是我误解了如何使用新数组(3)?


当前回答

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

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

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

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

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

其他回答

由于在其他答案中详细解释的原因,数组(n)。地图不能用。然而,在ES2015中Array.from接受一个map函数:

let array1 = Array.from(Array(5), (_, i) => i + 1) console.log('array1', JSON.stringify(array1)) // 1,2,3,4,5 .log('array1', JSON.stringify(array1) 让array2 = Array.from({长度:5},(_,我)= > (i + 1) * 2) console.log('array2', JSON.stringify(array2)) // 2,4,6,8,10 .log('array2', JSON.stringify(array2)

从map的MDC页面:

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

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

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

在ES6中,您可以执行[…Array(10)]。地图((a, b) => a),快捷方便!

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

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

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

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

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

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

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