>  기사  >  웹 프론트엔드  >  ES2015 구문에서 대괄호를 사용하여 객체 리터럴 키를 어떻게 할당할 수 있습니까?

ES2015 구문에서 대괄호를 사용하여 객체 리터럴 키를 어떻게 할당할 수 있습니까?

DDD
DDD원래의
2024-10-21 11:50:31654검색

How Can Object Literal Keys Be Assigned Using Square Brackets in ES2015 Syntax?

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

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

제공하신 코드 조각:

<code class="js">let a = "b"
let c = {[a]: "d"}</code>

기존 ES3/5 someObject[의 축약형인 계산된 속성 이름 구문을 사용합니다. someKey] 할당. 즉, 다음으로 확장됩니다.

<code class="js">var a = "b"
var c = {}
c[a] = "d"</code>

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

위 내용은 ES2015 구문에서 대괄호를 사용하여 객체 리터럴 키를 어떻게 할당할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.