[JS] Syntax | 14. 계산된 속성명 (computed property name)

JavaScript의 객체에서는 속성 이름에 표현식을 사용할 수 있습니다.

 

이를 계산된 속성명(computed property name)이라고 합니다.

 

사용하고자 하는 표현식을 대괄호 [ ] 로 감싸서 사용하면, 그 표현식의 결과로 나오는 값이 속성명으로 들어가게 됩니다.

 

함수 또한 표현식으로 나타낼 수 있으므로, 그 반환값이 속성명으로 들어가게 됩니다.

const attr1 = 'a' + 'b';
const attr2 = () => "cd";

const obj = {
    [attr1]: 1;      // "ab": 1
    [attr2]: 'ace';  // "cd": 'ace'
}

이는 객체의 속성값을 호출할 때도 동일하게 사용할 수 있습니다.

console.log(obj.[attr1]); // "ab"