変数を動的に生成したい

Question

配列の数の変数を動的に生成したいです。
以下のイメージです。
（hoge1、hoge2しか記述していませんが、変数の数は多く連番で1～30ぐらいまで生成するイメージです）

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

evalでの生成は危険が伴うとのことで、
ちゃんと理解しきれていない私はもっと危険かと思い、evalでの生成は避けたいです。

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

Answer 1

どのような目的で使うのかが判りませんが, 同じサイズの配列を生成すれば似たようなことが出来るのでは？

var array = [aaa, bbb];
var hoge = Array.from(array, () => {});
hoge[0] = "";
hoge[1] = "";

evalでの生成は危険が伴うとのことで、

eval関数の詳細については下記をご覧ください.
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/eval

使い途さえ間違えなければ, eval関数程応用のし甲斐のある関数はありません.

Comments

[yanocchi]

ご回答ありがとうございます。
目的は、変数の数が多くhoge0、hoge1、hoge2.....記述していくのが手間がかかるので、
動的に変数を生成することはできないかとご質問させていただいた次第です。

[defghi1977]

配列では目的を満たせない理由をお聞かせ下さい. (カッコの記述が面倒とか？)

[yanocchi]

解決できました！
hoge[i]とすれば良いのですね。
Array.fromは知らなかったので勉強になりました、ありがとうございました！

[defghi1977]

もしかしてfor文は必要ない？

[yanocchi]

確かに！この場合はそうですね、便利ですねArray.from。
ありがとうございます！