声明的“未定义”值和未声明的“未定义”值之间有什么区别？

Question

任何人都可以请解释第一个例子和第二个例子有什么区别吗？

声明的“未定义”值和未声明的“未定义”值之间有什么区别？

代码

var arr = new Array(4); 
arr[0] = "a"; 
arr[1] = "b"; 
arr[2] = undefined; //insert undefined here! 
arr[3] = "d"; 
console.log("arr[2] is " + arr[2]); //yes, it is undefined! 

arr.forEach(function(value, index) { 
    console.log(index + ":" + value); 
}) 

console.log("====================") 

var arr = new Array(4); 
arr[0] = "a"; 
arr[1] = "b"; 
//I don't insert undefined to arr[2] in this case. 
arr[3] = "d"; 
console.log("arr[2] is " + arr[2]); //yes, it is undefined! 

arr.forEach(function(value, index) { 
    console.log(index + ":" + value); 
}) 

登录

arr[2] is undefined 
0:a 
1:b 
2:undefined 
3:d 
==================== 
arr[2] is undefined 
0:a 
1:b 
3:d 

附加实施例

var arr = new Array(4); 
arr[0] = "a"; 
arr[1] = "b"; 
arr[2] = undefined; //insert undefined here! 
arr[3] = "d"; 
console.log("arr[2] is " + arr[2]); //yes, it is undefined! 

var i = 0; 
var max = arr.length; 
for(i; i < max; i++) { 
console.log(i + ":" + arr[i]); 
} 

console.log("====================") 

var arr = new Array(4); 
arr[0] = "a"; 
arr[1] = "b"; 
//I don't insert undefined to arr[2] in this case. 
arr[3] = "d"; 
console.log("arr[2] is " + arr[2]); //yes, it is undefined! 

var i = 0; 
var max = arr.length; 
for(i; i < max; i++) { 
console.log(i + ":" + arr[i]); 
} 

日志

arr[2] is undefined 
0:a 
1:b 
2:undefined 
3:d 
==================== 
arr[2] is undefined 
0:a 
1:b 
2:undefined 
3:d 

Answer 1

JavaScript数组不是常规数组。在大多数语言中，阵列（又名向量）是内存中连续的区域。但在JS中，它们相当稀疏的容器 - 有些元素可能不存在。

在JS其实阵列只是对象（键/值映射），差别在于整数键被允许：

var arr = {}; // object (key/value map), not array, sic! 
arr[0] = "a"; 
arr[1] = "b"; 
// arr[2] deliberately omitted 
arr[3] = "d"; 
console.log("arr[2] is " + arr[2]); // it is undefined 

您甚至可以添加非整数键JS数组：

var arr = []; 
arr[0] = 0; 
arr["zero"] = "zero"; 

这证明数组是引擎盖下的对象。

当您尝试从某个容器（对象或数组）的值中获取不存在的键值时，它会返回undefined值。按ECMAScript规范。

arr[2] = undefined将该值分配给键2.

delete arr[2]删除该密钥和它的值。

Answer 2

请问谁能解释第一个例子和第二个例子有什么区别？

在第一个例子：

var arr = new Array(4); 

创建具有长度为4的阵列，它没有元素。

然后，值被分配给使用直接分配索引0到3：

arr[0] = "a"; 
arr[1] = "b"; 
arr[2] = undefined; //insert undefined here! 
arr[3] = "d"; 

这产生0至3 未定义被分配给arr[2]性质。 for each遍历存在的元素，因此您可以看到所有4个元素的结果，每个元素都有一个值。

在第二个示例中，您不要将值分配给arr[2]。当访问一个对象的不存在的属性（注意到数组是对象）时，返回未定义的值，例如，

var obj = {}; 
console.log(obj.foo) // undefined 

当的forEach遍历性质，不存在性能没有到过，所以没有输出arr[2]。这与对于循环形成对比，其通常被编写为访问从0到length - 1的所有属性，因此返回该范围内的所有属性的值，无论它们是否存在。