JavaScriptのconsole.logとdocument.write

Question

  var o   = {x :1, y:2, z:3};
  var a = [], i = 1;
  for(a[i++] in o);
  console.log(a);

この場合
[1:x,2:y,3:z]と出力されます。
document.write(a);
[x,y,z]と出力されます
この違いは何ですか？

Answer 1

var a = [];
a[2] = 1;
console.log(a);  // [2:1]
console.log(a[0]);  // undefined
console.log(a[2]);  // 1
document.write(a);  // ,,1

普通の配列に要素数+2以上の添え字の代入を行うと、上のようにchromeのコンソールでは数値添え字付のオブジェクトのような表記になるようです。（でも[]なのでtypeは配列のようです。）
この場合、a[0],a[1]は配列上には確保されているが値のアドレスがundefinedなだけなのか、配列にもa[2]しか存在しないのか実装部分は私は分かりませんが、a.lengthは3です。
そのためかどうかは分かりませんが、document.write(a);はa[0],a[1],a[2]のように出力するみたいです。
これは何故というより、それぞれがそういう設計だからですね。

Comments

[退会済みユーザー]

なるほど！

Answer 2

自動変換が絡んでるんでしょうね。

0 からスタートするなら配列。
1 からスタートする場合、元の配列に添え字がないので、オブジェクトの添え字と判断

希望のことをする場合は
var x = [];

x.fill( '', 0, 4 );

のように初期化してやるといいと思います。

Comments

[退会済みユーザー]

なるほど！
先ほどの質問を変えたので、今の質問も答えてもらってもいいですか？

[yuux01]

document.write は a.toString() を内部で実行して、単純に a を文字列化している。

console.log は Chrome が、親切に、デバッグ用の文字列におそらく変換してくれている。

そういうことだと思います。