JavaScript를 사용하여 배열 요소를 별도의 변수로 압축 해제하는 방법은 무엇입니까?

배열 요소 압축 해제는 배열 요소 값을 새 변수에 할당하는 것을 의미합니다. 각 요소를 별도의 변수에 할당하거나 일부 요소를 별도의 변수에 할당하고 나머지 요소에 대해 새 배열을 만들 수 있습니다. 이 튜토리얼에서는 JavaScript를 사용하여 배열 요소를 별도의 변수로 압축 해제하는 방법을 배웁니다.

문법

사용자는 아래 구문에 따라 배열 요소를 별도의 변수로 압축을 풀 수 있습니다.

으아아아

위 구문에서 변수 a에는 요소1의 값이 포함되고, b에는 요소2의 값이 포함되며, c에는 요소3의 값이 포함되고, d 변수에는 요소4의 값이 포함됩니다.

이제 JavaScript를 사용하여 배열 요소를 별도의 변수로 언패킹하는 다양한 예를 살펴보겠습니다.

예 1

아래 예에서는 array1을 정의하고 일부 숫자 값으로 초기화합니다. 또한 배열 요소의 압축을 풀 수 있는 a, b 및 c 변수를 정의했습니다. 그런 다음 위의 구문을 사용하여 배열 요소를 개별 변수로 분해합니다.

출력에서 사용자는 a, b, c 변수의 초기 값과 배열 요소를 풀어낸 후 최종 값을 관찰할 수 있습니다.

으아아아

예 2

이 예에서는 새 변수를 선언할 때 배열 요소를 별도의 변수로 직접 압축 해제합니다. 사용자는 배열 변수를 할당하는 대신 변수에 배열을 직접 할당하여 여러 변수를 선언하고 배열을 언팩하는 방법을 관찰할 수 있습니다.

으아아아

예 3

아래 예에서는 사용자가 버튼을 클릭하면 unpackElements() 함수가 호출됩니다. unpackElements() 함수에서 배열을 파괴합니다. 또한 배열 요소를 별도의 변수로 압축 해제할 때 배열의 일부 요소를 건너뛰고 있습니다.

사용자는 쉼표로 구분된 공백을 추가하여 배열 인덱스의 요소를 건너뛸 수 있음을 알 수 있습니다.

으아아아

예 4

다음 예에서는 배열 요소를 언팩하면서 변수에 기본값을 할당하는 방법을 알아봅니다. 모든 변수의 기본값으로 500을 지정합니다. 배열에 전체 변수 수보다 적은 수의 요소가 포함된 경우 변수는 기본값으로 초기화됩니다.

아래 예시의 출력에서 ​​d 값이 기본값인 500임을 알 수 있습니다.

으아아아

JavaScript ES6 버전에 도입된 배열 구조 분해에 대해 알아봤습니다. 배열 요소 압축 해제에 대한 사용 사례를 나타내는 네 가지 예를 살펴보았습니다.

사용자는 배열 요소를 풀 때 요소를 건너뛰고 변수에 기본값을 할당하는 방법을 배웠습니다.

위 내용은 JavaScript를 사용하여 배열 요소를 별도의 변수로 압축 해제하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!