なぜ"for ... in"を使って配列の反復をするはダメなの？ [Javascript]

var a = []; //新しい空の配列を作成
a[5] = 5;   //配列のサイズを変更する完全に合法なJavaScript
for (var i = 0; i < a.length; i++) {
    //誰もがわかってると思うけど、0から5までの数値インデックスをループする。
    console.log(a[i]);
}
/* これは以下を出力するはず
   undefined
   undefined
   undefined
   undefined
   undefined
   5
*/

var a = [];
a[5] = 5;
for (var x in a) {
    //明示的に設定されたインデックス "5"のみを表示し、0〜4を無視
    console.log(x);
}
/* 以下が出力するはず
   5
*/

// JavaScriptライブラリのどこかに...
Array.prototype.foo = 1;
//今、下のコードが何をするのか分からないと思う。
var a = [1, 2, 3, 4, 5];
for (var x in a){
    // fooはすべての配列の一部で、
    //ここに 'x'の値として表示される。
    console.log(x);
}
/* 以下が出力するはず:
   0
   1
   2
   3
   4
   foo
*/