JavaScriptにおける計算プロパティ
オブジェクトを宣言する際、そのプロパティ名は変数から取ることができます。このようなプロパティは計算プロパティと呼ばれます。 どのように行うか見てみましょう。 以下のようなオブジェクトがあるとします:
let obj = {
a: 1,
b: 2,
c: 3
};
あるプロパティの名前が変数に格納されているとします:
let key = 'a';
プロパティ名の代わりに変数の値が使われるようにしてみましょう。そのためには変数を角括弧で囲む必要があります:
let obj = {
[key]: 1,
b: 2,
c: 3
};
計算プロパティを宣言する際、いくつかのコードを実行することができます。例:
let obj = {
[key + '1']: 1,
[key + '2']: 2,
[key + '3']: 3
};
次のコードでは、キーは変数から取られるべきでした。なされた間違いを修正してください:
let key = 'x';
let obj = {
key: 1,
y: 2,
z: 3
};
以下のオブジェクトがあります:
let obj = {
x: 1,
y: 2,
z: 3
};
以下の変数があります:
let key1 = 'x';
let key2 = 'y';
let key3 = 'z';
オブジェクトのキーがこれらの変数から取られるようにしてください。