JavaScriptオブジェクトを配列に保管する方法

Question

JavaScriptオブジェクトを、配列に保管する方法を

オブジェクトを配列に保存し、あとで取り出して、また同じオブジェクトとして使いたいと思っています。
しかし、それがうまくいきません。

var obj = new Object();
var arr = [];
obj.width = 1000;
arr.push(obj);
console.log('-----obj-----',obj);
arr.forEach(function(val,index){
	var myObj = this[index];
	console.log('-----myObj-----',myObj);
});

このように書いたのですが、

-----obj----- Object {width: 1000}width: 1000__proto__: Object
-----myObj----- Window {stop: function, open: function, alert: function, confirm: function, prompt: function…}

といったように、保存したオブジェクトがWindowオブジェクトに置き換わります。
結果的に、保存したデータや、変更したprototypeなどすべて消えてしまいます。
何かJavaScriptの文法として根本的に間違っているのでしょうか？

なお、Google Chrome最新版で確認しています。

よろしくお願いいたします。

Answer 1

JavaScript関数の、forEachの中のthisには、配列自体ではなく、要素が格納されています。
なので、ルートで定義した元のオブジェクトを使いたいなら、下記のような感じでしょうか。

var obj = new Object();
var arr = [];
obj.width = 1000;
arr.push(obj);
console.log('-----obj-----',obj);
arr.forEach(function(val,index,arrInner){
    var myObj = arrInner[index];
    // もしくは、元の定義配列から使う、
    // var myObj = arr[index];
    console.log('-----myObj-----',myObj);
});

Comments

[morimasa]

間の抜けた質問に速攻の回答ありがとうございました！

Answer 2

投稿結果をレビューして気づきました。
そもそも、

var myObj = this[index];

でなくて

var myObj = val;

でアクセスすべきでした。。
閉じます。