javascript - 可変操作

Question

次のサンプルコードがあります。

type = 'Foo';

test = {
    type: {
        'fooVal': 'bar'
    }
}

alert(test.type.fooVal); // Bar
alert(test.Foo.fooVal); // TypeError: teste.Foo is undefined

2番目のアラートを機能させるにはどうすればよいですか？

私はもう試した：

test = {
    '"' + type + '"': {
        'fooVal': 'bar'
    }
}

しかし、動作しません。

Answer 1

代わりに、角かっこ表記を使用して割り当てを行います。

type = 'Foo';
test = {};
test[type] = {fooVal: 'bar'};
alert(test.Foo.fooVal);

オブジェクト表記を介して割り当てる場合、変数をキーとして使用することはできません。

Answer 2

キーが変数によって定義されている場合、オブジェクトリテラルを使用することはできません。

type = 'Foo';

test = {};
test[type] = {
  fooVal: 'Bar'
};

alert(test.Foo.fooVal);  // Bar

[]onオブジェクトを使用すると、設定または取得のために、プロパティに動的にアクセスできます。

Answer 3

と呼ばれるプロパティがありません。Fooと呼ばれるプロパティがありますtype。あなたはこのようなことをする必要があります：

type = 'Foo';

test = {};
test[type] = {
    'fooVal': 'bar'
};

alert(test.type.fooVal); // Bar
alert(test.Foo.fooVal); // TypeError: teste.Foo is undefined