javascriptで動的に変数を生成する

参考サイトまとめメモがてら、、、

【JavaScriptで動的に変数名を決める】

変数名に変数を使いたい！

GASを使ってる際複数のフォームを自動作成したが、そのフォームを格納する変数それぞれに違う名前を付けたくなったため調べた。結論から言うと、

〈 連想配列を利用する 〉

//空の連想配列を宣言
var a = {};

//変数iをキーにして、変数を生成する
for(var i=0; i<10; i++){
  a[i] = "value" + i;
}

連想配列を利用すれば、キー値で変数が使えるため動的に変数を生成できる。
ただし、連想配列の名前自体には変数は使えない。

〈eval関数を利用する〉

var a = aaa;
eval("var " + a + "= aiueo");

この関数は渡された文字列を、JavaScriptコードとして評価して実行する関数。
これは使用には要注意。悪意のある、第三者に影響を受ける可能性のある文字列でevalを実行した場合、そのコードを実行してしまうため、セキュリティ的に問題があるためである。使用には要注意。

参考サイト

・MDN Web Docs / eval()
・teratail / JSの変数名に変数を使用する方法