変数を動的に生成したい（IE11対応）

Question

先日ご質問させていただいた、以下について
https://teratail.com/questions/118802

IE11がArray.from未対応で使えないことが発覚し、
再度投稿させていただきました。

解決したい内容は、
IE11対応で、配列の数分だけ変数を動的に生成できるようにしたいです。
以下のイメージです。
（hoge1、hoge2しか記述していませんが、変数の数は多く連番で1～30ぐらいまで生成するイメージです）

var array = [aaa, bbb];
for(var i= 0; i < array.length; i++){
 //　var hoge1 = "";
 //　var hoge2 = ""; 
//  上記のように配列の数分の、変数を作成
}

お手数ですが、どなたかご教示いただけますと幸いです。
よろしくお願いいたします。

Comments

[kei344]

前回の質問内で聞かれている「配列では目的を満たせない理由」について質問文に追記してください。

[yanocchi]

前回お伝えした通り、変数の数が多いので（大体30ぐらい）、良い処理方法がないかご質問させていただいた次第です。前回同様質問文にも追記させていただいております、説明が下手で申し訳ございません。。。

[defghi1977]

気が付いたんだけれど, あなたが本当に必要としているのは「変数群の生成」じゃなくて「変数群の初期化を一発で行う」やりかたなのでは？

[defghi1977]

いや、そうでもないよな. 一旦はArray.fromで「問題が解決した」のだから.

Answer 1

前回の質問で「このようなケースでこそ配列を使うんだ」という点になぜ気が付かないのか…
結局arrayと同じサイズの配列を作れば良いとのことでしたから, 何もArray.fromなんて必要なかったのですよ.

var array = [aaa, bbb];
var hoge = new Array(array.length);
hoge[0] = "";
hoge[1] = "";

で, よくよく考えてみると配列のサイズに意味がないので,

var array = [aaa, bbb];
var hoge = [];
hoge[0] = "";
hoge[1] = "";

で十分ですし, 配列である必要すらなさそう(変数の定義が面倒という怠惰な理由)なので,

var array = [aaa, bbb];
var hoge = {};
hoge[0] = "";
hoge[1] = "";

と書いたところで, 要件は十分に満たせると思うのですよ.

Answer 2

Array.fromが使えないブラウザでは新しく定義する方法があるようです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/from?#Polyfill