프론트엔드/Javascript

[JS] 배열 분할 할당(Destructuring Assignment)

deep__sea 2023. 7. 27. 16:37
728x90
[x, y] = [y, x]

위의 코드는 JavaScript에서 배열 요소의 값 교환을 의미합니다.

이를 배열 분할 할당(Destructuring Assignment)이라고도 합니다.

 

코드 `[x, y] = [y, x];`는 다음과 같이 동작합니다:

  1. 우선, 우변의 `[y, x]` 배열이 생성됩니다. 이 배열은 변수 `x`와 `y`의 값으로 초기화되지만, 현재 값과는 순서가 반대입니다.
  2. 좌변인 `[x, y]`는 우변의 배열 `[y, x]`의 값으로 각각의 변수에 할당됩니다.

이러한 배열 분할 할당으로 인해 `x`와 `y`의 값이 서로 교환되게 됩니다.

 

// 예시
let x = 10;
let y = 10;

[x, y] = [y, x]

 

위의 예시에서 `x`에 10이, `y`에 20이 저장되어 있었다면, 위의 코드를 실행하면 `x`에는 20이, `y`에는 10이 저장됩니다. 이제 `x`는 20이 되었고 `y`는 10이 된 상태입니다.

728x90
반응형