자바스크립트 Array 순서 변경하기 | 구조 분해 할당

프로젝트를 진행하면서 컨텐츠 이동 기능을 만들어달라는 추가 요청이 있어 기능을 구현하다 컨텐츠가 동적으로 하나 추가 될 때마다, 하나의 array에 값을 보관하고 있다는 것을 알게되었다.

이 array에 담긴 순서대로 화면에 표시되니, array 안의 값들의 순서를 변경해주어야 했다.

그때 사용한게 javascript 구조 분해 할당이다.

구조 분해 할당
배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 javascript 표현식

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

구조 분해 할당 - JavaScript | MDN

 

위 설명에서 변수 값 교환하기를 참고하여 array의 순서를 변경했다.

let array = ['값1', '값2', '값3','값4'];

[array[0], array[1]] = [array[1], array[0]];

console.log(array) // ['값2', '값1','값3','값4'];

 이런식으로 쉽게 array의 순서를 변경 할 수 있다.