0

tests1tests2だけを使ってCCを出力させるにはどうすればいいですか?

var tests1 = "AA"
var tests2 = "BB"
var AABB = "CC"

console.log(tests1 + tests2); //AABB
2
  • eval() - JavaScript | MDN
    – metropolis
    Commented 2021年10月9日 12:25
  • 1
    スタック・オーバーフローへようこそ! こちらのご質問は、もしかしたら XY 問題になっているかもしれません。なぜこのようなことをしたくなったのかを質問を 編集 して追記いただけないでしょうか。
    – nekketsuuu
    Commented 2021年10月9日 12:36

1 件の回答 1

1

ブラウザ環境であれば、次のようにすることで可能です。

var tests1 = "AA"
var tests2 = "BB"
var AABB = "CC"

console.log(window[tests1 + tests2])

これは、ブラウザで普通のJavaScriptとしてそのまま読み込んだ場合のみうまくいきます。type="module"とモジュールとして読み込んだ場合や、Node.jsを使った場合、また、Webpack等で他のJavaScriptと結合した場合はうまくいきません。なお、varの代わりにletconst等を使った場合もうまくいきません。


以下、解説です。

ブラウザのJavaScirptのトップレベル(グローバルコンテキスト)でvarで宣言された変数はグローバルオブジェクトのプロパティになります。グローバルオブジェクトとは、ブラウザではwindow(最新のJavaScript環境ではglobalThisも使えます)です。つまり、トップレベルに書かれたvar AABB = "CC"window["AABB"] = "CC"とほぼ等しいと言うことです。ここまでわかればわかりますね。window[tests1 + tests2]を内部から順に評価していくと、window["AA" + "BB"]window["AABB"]"CC"となって、CCを表示できるようになるでしょう。

なお、このようにグローバルオブジェクトを通した方法はお勧めしません。モジュールとして読み込んだ場合や、Node.js等の環境(これらはトップレベルがグローバルコンテキストではない)では使えません。また、これはvarだからできる方法であって、letconstでは使えません。より汎用的に使えるようにするためにも、グローバルオブジェクトを通してアクセスするよりも、名前で値を取り出しするためのObjectまたはMapを用意する方法にすべきでしょう。例えば、次のようにです。

const tests1 = "AA"
const tests2 = "BB"
const map = new Map([["AABB", "CC"]])

console.log(map.get(tests1 + tests2))

最後に、evalを使う方法もありますが、その危険性を自分の言葉で説明できない限り使うべきでは無い、と私は考えていますので、ここでは紹介しません。

1
  • 回答ありがとうございます。 evalについては質問をする前に考えてはいましたが、evalについて調べているとあまりよろしくないという記事をいくつか散見してこのような質問をしました。 たったこれだけの質問に対して、とてもご丁寧にご教授いただき、本当にありがとうございました。
    – user48564
    Commented 2021年10月9日 17:31

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。