JavaScript의 계산된 속성

객체를 선언할 때 해당 속성의 이름은 변수에서 가져올 수 있습니다. 이러한 속성을 계산된 속성이라고 합니다. 어떻게 하는지 살펴보겠습니다. 다음 객체가 있다고 가정해 보겠습니다:

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 3
};

어떤 속성의 이름이 변수에 저장되어 있다고 가정합니다:

javascriptlet key = 'a';

속성 이름 대신 변수의 값을 사용하도록 해 봅시다. 이를 위해 변수를 대괄호로 감싸야 합니다:

javascriptlet obj = {
  [key]: 1,
  b: 2,
  c: 3
};

계산된 속성을 선언할 때 일부 코드를 실행할 수 있습니다. 예시:

javascriptlet obj = {
  [key + '1']: 1,
  [key + '2']: 2,
  [key + '3']: 3
};

javascriptlet key = 'x';

let obj = {
  key: 1,
  y: 2,
  z: 3
};

javascriptlet obj = {
  x: 1,
  y: 2,
  z: 3
};

javascriptlet key1 = 'x';
let key2 = 'y';
let key3 = 'z';