配列を変数で指定できますか？

Question

前提・実現したいこと

配列を指定する時に、その配列の名前を変数で指定することはできますか？

Var list = {"a":"A", "b":"B"}
alert(list.a) => A // うまくいきます。
var name ="list"
alert(name.a) => undefined //うまくいきません。

リストが複数あり、変数によって使うリストを変えたいと思っています。
よろしくお願いします。

発生している問題・エラーメッセージ

nameに代入されている"list"が文字列であるため機能しないと考えています。

試したこと

調べた結果、文字列をオブジェクト型に変換するとできそうな気がして、
JASON.parse()を試しましたがこれもうまくできません。

Answer 1

• 使用する変数名を文字列指定で動的に変えたいということであれば以下のような方法があります。

var data1 = {"a":"A1", "b":"B1"};
var data2 = {"a":"A2", "b":"B2"};
var data3 = {"a":"A3", "b":"B3"};
var dataUnit = {"data1": data1, "data2":data2, "data3":data3};

// 動的に変数名を指定
// 今回の場合はdata2が使いたい
var selection = "data2";

// data2のaを出力
console.log(dataUnit[selection].a);

Comments

[kumasan3]

この方法は思いつきませんでした！
変数名が文字列だった理由は、その変数を $(this).attr("id")　で取得したからでした。
回答の通りに、あらかじめ変数名を定義しておくことで目的を達成できました。
ありがとうございます！！

Answer 2

こんにちは。

ご質問のコードで、 変数 name に入れた "list" という文字列から、
変数 list が参照するオブジェクト {a:"A", b:"B"} を得ることは、
eval() を以下のように使えばできます。

var list = { a:"A", b:"B" };
var name ="list";
console.log(eval(name));  // => {a :"A", b:"B" }

これを使って、プロパティaを表示するコード例を、以下に作成してみました。

https://jsfiddle.net/jun68ykt/swro4auf/1/

上記を実行すると、右下のConsole に A が2回出力されているのを
確認できますが、２つ目の A は

console.log(eval(name).a);

によって出力されたものです。

ただし、eval()を濫用するのはバグのもとです。

MDNの eval() の説明

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/eval

にも、 **必要以上に eval を使用しないで！ **との注記があります。

また、jsfiddle で eval()を使ったコードを書くと、 eval()の下に
黄色い下線が表示され、そこにマウスを乗せると、
eval can be harmful
という警告が出ることがあります。

以上参考になれば幸いです。

Answer 3

やりたい処理をもう少し具体的にしていただければ回答も変わる気がします。

var list = {"a":"A", "b":"B"};
console.log(list.a); // => A
var name = list;
console.log(name.a); // => A
name.a = 123;
console.log(list.a); // => 123
console.log(name.a); // => 123

Answer 4

{"a":"A", "b":"B"}は配列リテラルではなくオブジェクトリテラルですね。配列リテラルは["a", "b", "c"]みたいな書き方のやつです。

複数のオブジェクトに対して同じ処理を行いたいということだと思いますので、関数を使うとよいです。
例えば、オブジェクトの"a"というキーに対応する値を取る関数を書くならこんな感じです。

let displayVal = (obj) => console.log(obj.a);
let obj1 = {"a": "A", "b": "B"};
let obj2 = {"a": 1, "b": 2};
displayVal(obj1); // A
displayVal(obj2); // 1

// 簡単な例です。aというキーがオブジェクトに無い場合は考慮していません

関数を定義する方法は上記以外にもいろいろあるので、調べてみてください。