[JavaScript] 계산된 프로퍼티:Computed property

Computed property

let a = 'age';
const user = {
  name : "Mike",
  age : 30
}

라는 객체가 있을 때 이 코드는 다음과 같이 작성될 수 있다.

let a = 'age';
const user = {
  name : "Mike",
  [a] : 30 //  age: 30
}

이렇게 사용하면 변수 a에 할당된 값이 들어간다.
이를 Computed property 라고 한다.

const user = {
  [1+4] : 5, 
  ["안녕"+"하세요"] = "Hello"
}; // {5 : 5, 안녕하세요: "Hello"

이렇게 대괄호 안에 식 자체를 넣는 것도 가능하다.

활용 예제

키, 값을 매개변수로 받아 객체를 반환하는 함수이다.

function makeObj(key,val) {
  return { [key]: val };
};
const obj = makeObj("나이", 33); // {나이 : 33}