[JavaScript] 계산된 속성명 또는 계산된 프로퍼티 이름(Computed property names)
계산된 프로퍼티 이름은 객체의 key값을 동적으로 생성할때 사용된다. 객체 리터럴의 프로퍼티 자리의 key 값에 대괄호 [ ] 를 사용한다. 대괄호 [ ] 에 들어올 수 있는 값은 무조건 문자열이여야 한다. let prop = 'blogger' ; let obj = { [ prop ]: 123 }; console . log ( obj ); // { blogger: 123 } 위 예시에서는 변수 prop의 값이 obj 객체의 키값으로 할당되었다. 아래와 같이 사용자에게 동적으로 key값을 받아와 프로퍼티의 key값으로 사용할 수 있다. let fruit = prompt ( "어떤 과일을 선택했습니까?" ); let list = { [ fruit ]: 5 }; console . log ( bag . apple ); // fruit에 "apple"이 할당되었다면, 5가 출력됩니다. 아래와같이 여러방법으로 사용된다. let i = 0 ; let obj = { [ '사람' + ++ i ]: i + '번' , [ '사람' + ++ i ]: i + '번' , [ '사람' + ++ i ]: i + '번' , } console . log ( obj ); // { '사람1': '1번', '사람2': '2번', '사람3': '3번' } const items = [ "A" , "B" , "C" ]; const obj = { [ items ]: "Hello" } console . log ( obj ); // A,B,C: "Hello" console . log ( obj [ ...
