聲明的「未定義」值和未聲明的「未定義」值之間有什麼區別？

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的所有屬性，因此返回該範圍內的所有屬性的值，無論它們是否存在。