Javascript配列ロギングの混乱

Question

私は全く理解できない何かに気付きました。私は、コンソールログを期待する

var a = [1,2,3]; 

console.log(a.push(4)); 
console.log(a); 
console.log(a.push(5)); 

：私はJavaScriptで本当に簡単な何かをやっている4、[1,2,3,4]、および5を例えばhereを説明しました。 キャッチは、実際のコンソール出力は次のように見えることである：4、[1,2,3,4,5]、および5

参照：http://jsfiddle.net/HknMF/

地球上で何が5は、2番目のログ出力に表示されるのですか？あなたはそれとオブジェクトを調べるときに、一部のブラウザでは、コンソールは、配列/オブジェクトへの参照を使用していますhttp://i.imgur.com/fwAK3.png

Answer 1

：

EDIT：ここFWIWは、両方の挙動を示すFirebugののスクリーンショットですconsole.log()コールの後に変更された場合、変更されたオブジェクトが表示されます。 Firefoxので

これは、オブジェクトのためではなく、とにかくインラインで表示されているアレイ用起こる：（

>>> var a = [1,2,3]; console.log(a.push(4)); console.log(a); console.log(a.push(5)); 
4 
[1, 2, 3, 4] 
5 

特に迅速な回避策はどちらかであるそれらをクローニング機能が含まれていないオブジェクトに対してあなたが持っている場合は$.extend({}, yourObject)を記録jQuery）またはJSON文字列バージョンをログに記録します（素晴らしいオブジェクトビューを失い、単純な文字列を取得します）。配列は簡単に複製できます（浅いコピー！）a.slice(0)

Answer 2

ライブの配列（Chrome）または文字列表現（Firefox）のどちらかに依存します。

これを防ぐには浅いコピーで十分です。使用：

console.log(a.slice(0));