for..inの仕様につきまして

Question

お世話になります。
for..inについてなのですが、配列やオブジェクトの添字を取得すると理解しております。その理解の通り、下記の例.1ではそれぞれの配列のname[0],name[1],name[2],name[3]にアクセスして要素を取得してくれています。

しかしながら例2.をご覧ください。0,1,2,3を取得することを期待したのですが
なぜか13まで取得してきます。MDNを読んでもこのことには特に触れられていないのですが、0から１３は一体何を取得しているのでしょうか？

よろしくお願い申し上げます。

例1.
<script>
var name=["佐藤","鈴木","田中","Smith"];
for (var i in name) {
 document.write(name[i]);
}
//佐藤、鈴木、田中、Smith
</script>

例2.
<script>
var name=["佐藤","鈴木","田中","Smith"];
for (var i in name) {
 document.write(i);
}
//0,1,2,3,4,5,6,7,8,9,10,11,12,13
</script>

Answer 1

例2は配列名に問題があります。
配列名をname1などに変えると期待どおりの動作になるはずです。
この現象は、グローバルオブジェクトであるwindowオブジェクトにはwindow.nameというプロパティがあり、それと配列名が競合してしまうために起こります。
window.nameプロパティは配列の各要素を取り出すのではなく、1文字ずつ取り出すため、このような動作になります。

Comments

[SugiuraY]

ご回答有難うございます。
仰る通り、異なる変数名であれば、期待通りでした。違うプロパティを呼び出しているんですね。理解致しました。

Answer 2

var name=["佐藤","鈴木","田中","Smith"];
for (var i in name) {
 document.write(name[i]);
 document.write(i);
}

としてみたところ
佐0藤1,2鈴3木4,5田6中7,8S9m10i11t12h13
と言うのが出てきました。
これはそれぞれの文字をプロバティの一つとして考え、それを取り出してると思われます。
よって全部あわせて14文字なので、0～13がでてくるのではないのでしょうか。