tests1
とtests2
だけを使ってCC
を出力させるにはどうすればいいですか?
var tests1 = "AA"
var tests2 = "BB"
var AABB = "CC"
console.log(tests1 + tests2); //AABB
tests1
とtests2
だけを使ってCC
を出力させるにはどうすればいいですか?
var tests1 = "AA"
var tests2 = "BB"
var AABB = "CC"
console.log(tests1 + tests2); //AABB
ブラウザ環境であれば、次のようにすることで可能です。
var tests1 = "AA"
var tests2 = "BB"
var AABB = "CC"
console.log(window[tests1 + tests2])
これは、ブラウザで普通のJavaScriptとしてそのまま読み込んだ場合のみうまくいきます。type="module"とモジュールとして読み込んだ場合や、Node.jsを使った場合、また、Webpack等で他のJavaScriptと結合した場合はうまくいきません。なお、var
の代わりにlet
やconst
等を使った場合もうまくいきません。
以下、解説です。
ブラウザのJavaScirptのトップレベル(グローバルコンテキスト)でvar
で宣言された変数はグローバルオブジェクトのプロパティになります。グローバルオブジェクトとは、ブラウザではwindow
(最新のJavaScript環境ではglobalThis
も使えます)です。つまり、トップレベルに書かれたvar AABB = "CC"
はwindow["AABB"] = "CC"
とほぼ等しいと言うことです。ここまでわかればわかりますね。window[tests1 + tests2]
を内部から順に評価していくと、window["AA" + "BB"]
、window["AABB"]
、"CC"
となって、CCを表示できるようになるでしょう。
なお、このようにグローバルオブジェクトを通した方法はお勧めしません。モジュールとして読み込んだ場合や、Node.js等の環境(これらはトップレベルがグローバルコンテキストではない)では使えません。また、これはvar
だからできる方法であって、let
やconst
では使えません。より汎用的に使えるようにするためにも、グローバルオブジェクトを通してアクセスするよりも、名前で値を取り出しするためのObject
またはMap
を用意する方法にすべきでしょう。例えば、次のようにです。
const tests1 = "AA"
const tests2 = "BB"
const map = new Map([["AABB", "CC"]])
console.log(map.get(tests1 + tests2))
最後に、eval
を使う方法もありますが、その危険性を自分の言葉で説明できない限り使うべきでは無い、と私は考えていますので、ここでは紹介しません。