구조 분해 할당: 변수 할당의 왼쪽에 있는 대괄호의 의미 찾기

JavaScript에서 대괄호를 발견하면 변수 할당의 왼쪽 부분이 복잡해 보일 수 있습니다. 이 구문의 의미를 해독하기 위해 구조 분해 할당 영역을 살펴보겠습니다.

구문 및 연산

구조 분해 할당, JavaScript 1.7 및 ECMAScript 6에 도입된 기능 를 사용하면 배열이나 개체의 값을 고유한 변수로 압축 해제할 수 있습니다. 구문은 다음과 유사합니다.

[variable1, variable2, variable3] = [value1, value2, value3];

예제 코드에서:

[ a, b, c ] = myList;

왼쪽의 대괄호는 구조 분해 할당을 나타냅니다. 이는 myList 배열의 값을 변수 a, b 및 c에 할당합니다.

브라우저 지원

Opera 10.30 및 Firefox 3.6.x에서 원활하게 작동함에도 불구하고, Opera 10.60 및 Chrome에서는 구조 분해 할당이 지원되지 않습니다. 이러한 불일치는 구조 분해 할당이 ECMAScript 5의 일부가 아니라는 사실에 기인합니다.

ECMAScript 표준 준수

링크된 참조에서 확인한 바와 같이 구조 분해 할당은 규격을 준수하지 않습니다. ECMAScript 5를 사용합니다. JavaScript 1.7의 기능으로 도입되었으며 나중에 ECMAScript로 공식화되었습니다. 6.

결론

변수 할당의 왼쪽에 대괄호로 기호로 표시되는 구조 분해 할당은 배열이나 객체에서 값을 압축 해제하는 간결한 방법을 제공합니다. 그러나 ECMAScript 5에는 없기 때문에 브라우저 간 지원이 제한됩니다.