javascript foreach如何處理多維數組？

Question

我一直在玩javascript，發現（至少對我來說）在通過foreach循環處理多維數組時遇到的奇怪行爲。所以我有這樣一段代碼：

<script type="text/javascript"> 
    var arr = [['a', 'b'], ['c','d']]; 

    var first=''; 

    for (var singleArray in arr) { 
    first += ' ' + singleArray[0] + ' ' + singleArray[1]; 
    } 

    var second = ''; 
    for (var i=0;i<arr.length; i++) { 
    second += ' ' + arr[i][0] + ' ' + arr[i][1]; 
    } 

    console.log('First: ', first); 
    console.log('Second: ', second); 
</script> 

輸出是：

First: 0 undefined 1 undefined 
Second: a b c d 

我希望第一和第二將是相同的。你能解釋一下我失蹤的事嗎？

注意：請不要通過jQuery或其他方式遍歷數組。我沒有編碼麻煩，我只是對這種特殊情況感到好奇。謝謝！

Answer 1

Erick Mickelsen指出了一些很好的觀點，但總結如此。以上對象屬性

array

1. for (... in ...)循環迭代以JavaScript對象所以你可能的陣列迭代它。但它會慢一些，一般不推薦（見why is that）
2. 它迭代屬性而不是值的事實意味着它返回索引而不是數組值（當你有關聯數組時，這可能會很方便）
3. 在討論的示例可以與for (... in ...)環

來解決如下：

var third = ''; 
for (var arrayIndex in arr) { 
    third += ' ' + arr[arrayIndex][0] + ' ' + arr[arrayIndex][1]; 
} 

在關聯數組示例的for (... in ...)環路將是方便的：

var person = []; 
person["id"] = 1; 
person["born"] = 2009; 
person["favourite_meal"] = "chicken"; 

var fourth = ''; 
for (var arrayIndex in person) { 
    fourth += ' ' + person[arrayIndex]; 
} 

Answer 2

for (... in ...)遍歷對象的屬性，而不是數組的元素。 w3schools，javascript garden

Answer 3

我一直使用這個dump（）函數調試我的多維數組。

http://binnyva.blogspot.com/2005/10/dump-function-javascript-equivalent-of.html

如果您有關於實現它的問題，讓我知道。