객체 리터럴 키에 대괄호 사용

객체 리터럴 내에서 대괄호를 사용하여 키를 할당하는 방법을 이해하기 어려울 수 있습니다. 이 ES2015 구문 뒤에 있는 설명을 살펴보겠습니다.

제공한 코드 조각:

let a = "b"
let c = {[a]: "d"}

는 기존 ES3/5 someObject[someKey] 할당을 단축한 계산된 속성 이름 구문을 사용합니다. 즉, 다음과 같이 확장됩니다:

var a = "b"
var c = {}
c[a] = "d"

이 구문을 사용하면 변수나 표현식을 기반으로 속성 이름을 동적으로 생성할 수 있으므로 개체 구성에 더 큰 유연성이 제공됩니다. 이 기능을 사용할 때는 예제의 [a]와 같이 속성 이름을 대괄호로 묶어야 합니다.