変数の名称を文字列として取り出す

一般形　var 変数名 = Object.keys({変数})[0];

例１　Object.keys

<script>
function 例１() {
    var 変数 = 123;
    var 変数名 = Object.keys({変数})[0];
    alert(変数名);    // "変数" が表示
}
</script>

<button onClick="例１()">例１</button>

説明

• Object.keysは、対象となるオブジェクトの直接的なプロパティの文字列を格納した配列を返します。
• ここでのオブジェクトとは {変数} です。
• { }は、配列型のオブジェクトで、例えば var 配列 = { "a", "b"}; とは、
  　　var 配列 = new Array();
  配列[0] = "a"; 配列[1] = "b";
  と同じ意味になります。
• それで、Object.keys({変数})とは「変数」の文字列配列になりますが、この場合は１個しかないので、 変数名には、Object.keys({変数})[0]により文字列「変数」が入ります。

変数の動的定義：文字列を変数名にする

一般形　evai("var " + 文字列 + ";");　→　var 文字列; が定義されます。

例２

<script>
function test() {
    // ======= スカラ変数名
    var 文字列 = "変数";
    eval("var " + 文字列 + ";");
    変数 = 10;
    alert("変数 = " + 変数);
    // ======= 配列名
    var 配列名 = "配列";
    eval("var " + 配列名 + " = [];");
    配列[0] = 20;
    alert("配列[0] = " + 配列[0]);
    // ======= こんなこともできる
    var 系列名 = [ "製品Ａ", "製品Ｂ" ];
    for (var i = 0; i < 系列名.length; i++) {
        eval("var " + 系列名[i] + " = [];");
        for (var j = 0; j < 3; j++) {
            eval(系列名[i] + "[" + j + "] = " + (30+10*i+j) + ";");
        }
    }
    alert("製品Ａ[0] = " + 製品Ａ[0]);
    alert("製品Ｂ[1] = " + 製品Ｂ[1]);
}
</script>


<button onClick="例２()">例２</button>

説明

eval(文字列) は文字列を数式として評価する組み込み関数ですが、近年は推奨されていません。
まして、このような使い方をするのは不適切だとされています。
しかし、簡潔な方法ですので、私的利用として、勝手に使っています。