可変変数とは例(Pixijs)とりあえずfor文で回してみる可変変数を使うevalを使用する連想配列を使用するまとめはじめにこの記事の概要こんにちは。エンジニア(コーディング)のタクヤです。今回のテーマはJavascriptで可変変数で動的に変数を作成してみた!です。可変変数とは可変変数とは、文字列などの変数の値に対してさらに変数を入れ込んだものです。変数を変数で作る感じで変数を動的に作成することが可能です。例(Pixijs)PixiJSというJavascriptのライブラリを使い、ひとつの画像から複数のオブジェクトを作成することを想定します。PIXI.Sprite(sampleTexture);ひとつひとつ作っていく、これはやばいですね.....とりあえずfor文で回してみるとりあえずforで回してみたいと思います。こんなの書き方できないよね.....こんな書き方はできないので、変数を動的に変えていく必要があります。");");}eval()という関数を使用すれば、この様な形で動的に変数を作成することができます。コードを式として評価する関数です。・スコープの関係でvarしか使えない・セキュリティ的な脆弱性があるという問題があり、非推奨とされています。app.stage.addChild(sampleSprite[i]);}可変変数を使用して動的に変数を作成し、コピーが9個生成できました。連想配列を用いた方法のほうがコードも見やすいですね。まとめ「Javascriptで可変変数で動的に変数を作成してみた!」を解説してきました。変数を動的に作成したい場合があるときは、この可変変数を使用する方法を試しても良いかもしれません。Web制作におけるJavascriptの基礎固め学習にはこちらの書籍がおすすめです。ご覧になってJavascriptの知識を深めていきましょう。:JavaScript関連記事スマホで100vhが画面高さいっぱいにならない時の対処法JavascriptでHTMLのdata属性を取得して、活用してみた。