>  기사  >  웹 프론트엔드  >  구조 분해 할당문의 중괄호({... } = ...)는 무엇을 나타냅니까?

구조 분해 할당문의 중괄호({... } = ...)는 무엇을 나타냅니까?

DDD
DDD원래의
2024-10-21 06:52:021004검색

What Do Curly Brackets ( {... } = ... ) in Destructuring Assignment Statements Represent?

var { ... } = ... 문에서 중괄호는 무엇을 나타냅니까?

곱슬 기호로 표시되는 구조 분해 할당 var { ... } = ... 문의 대괄호는 Haskell과 같은 언어에서 발견되는 것과 유사한 JavaScript의 패턴 일치 기능입니다. 이는 객체와 배열에서 값을 추출하고 할당하는 간결한 방법을 제공합니다.

객체의 경우:

다음 예를 고려해 보겠습니다.

이 문은 ASCII 개체에서 a, b 및 c 속성을 추출하여 해당 변수에 할당합니다. 다음 코드와 동일합니다.

배열의 경우:

배열에서도 비슷한 구조 분해를 수행할 수 있습니다.

이것은 코드는 ASCII 배열의 첫 번째, 두 번째 및 세 번째 요소를 추출하여 각각 a, b 및 c에 할당합니다. 이는 다음과 동일합니다:

속성 이름 바꾸기:

구조 분해 할당을 사용하면 속성을 추출하고 이름을 바꿀 수도 있습니다:

이 코드는 a, b, c 속성을 각각 변수 A, B, C에 할당합니다.

위 내용은 구조 분해 할당문의 중괄호({... } = ...)는 무엇을 나타냅니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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