Destructuring으로 JS 변수를 바꾸는 방법

어떤 이유에서인지 이 스왑 트릭은 항상 내 마음속에 다음과 같은 문구를 불러일으킵니다. '잘 들어, 얘야, 스왑을 위한 몇 가지 기술이 있다는 것을 알고 있고 그것들은 정확하고 읽기 쉬운 것처럼 보입니다. - 하지만 이제 아빠가 오래된 트릭을 보여줄 것입니다... '

작업은 매우 간단합니다. 두 변수 값을 교환하기만 하면 됩니다.

일반적으로 let a = b;

let a = 1, b = 2, temp = a;

a = b;
b = temp;

따라서 ES6에는 Array Destructuring이 있습니다. 코드 한 줄에서 일부 배열 요소를 변수로 할당하기 위한 간단한 것입니다.

[firstElem, secondElem] = [1, 2, 3, 4]; //variables for 1 and 2

위의 예는 구조화 작업 전에 변수를 생성할 필요가 없지만 다른 한편으로는 아무도 이것이 금지되어 있다고 말하지 않습니다.

let a = 1;
let b = 2;

[a, b] = [2, 1];

템포 변수 대신 배열을 사용하여 변수를 반대로 배치할 수 있습니다.

[a, b] = [b, a];

이것은 실제로 한 줄의 코드를 얻는 것이 아니라 변수를 사용하여 다른 작업을 수행해야 할 때 개념적으로 더 나은 솔루션일 수 있습니다.

[a, b] = [b, a].map(item => item * 2)

그게 다야, 읽어줘서 고마워. 교환 예제는 내 다음 기사에서 어떤 역할을 할 것이므로 향후 게시물에 대한 작은 티저로 고려하십시오.