[JS] '계산된 프로퍼티'가 뭘까?

계산된 프로퍼티(Computed property)

 

let a = 'age';

const user = {
  name : 'Mike',
  age : 30,
}

 

위의 코드에서 age는 아래처럼 작성해도 된다.

 

let a = 'age';

const user = {
  name : 'Mike',
  [a] : 30,
}

 

이렇게 대괄호로 묶어주면

a라는 문자열이 아니라

변수 a에 할당된 값이 들어간다.

 

let a = 'age';를 보니

현재 변수 a에 할당된 값은 age이다.

[a]는 a 변수에 할당된 값을 의미한다고 했으니 

[a] 는 age를 의미한다.

 

[a]를 계산된 프로퍼티라고 한다.

 

 

객체 안에서 계산된 프로퍼티 사용하기

const test = {
  [1+2] : 3,
  ['계산된' + '프로퍼티'] : '계산된프로퍼티',
}

console.log(test);

위의 코드처럼 test라는 객체를 생성하고

그 안에 계산된 프로퍼티를 넣어서 사용할 수도 있다.

 

 

결과 화면이다.