我在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)?
数组是不同的。不同之处在于,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时得到的结果相同。
不是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()函数时,不会执行任何操作(不会调用回调)。
由于在其他答案中详细解释的原因,数组(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)
既然问题是为什么,这与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],通过返回显式声明的两个值之间的差值自动填充空白。
我有一个任务,我只知道数组的长度,需要转换项目。
我想这样做:
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));