자바스크립트에는 Destructuring 기능이 있어 배열이나 객체에서 필요한 값만 추출하여 사용할 수 있습니다. 이번 글에서는 Destructuring을 사용하여 자바스크립트에서 배열 요소를 병합하는 방법에 대해 알아보겠습니다.

배열 병합하기

여러 개의 배열을 하나로 합치는 방법 중 하나는 concat() 메서드를 사용하는 것입니다. 하지만 Destructuring을 활용하면 더욱 간편하게 배열을 병합할 수 있습니다. 아래 예제를 통해 자세히 알아보겠습니다.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const combinedArray = [...arr1, ...arr2];

console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

위 예제에서는 ... 연산자를 사용하여 각 배열의 요소를 병합하였습니다. combinedArray 변수에는 arr1 배열의 요소와 arr2 배열의 요소가 병합된 결과인 [1, 2, 3, 4, 5, 6]이 저장됩니다.

배열 요소 순서 변경하기

Destructuring을 사용하면 배열의 요소 순서를 변경할 수도 있습니다. 아래 예제를 살펴보겠습니다.

const numbers = [1, 2, 3, 4, 5];

const [second, first, ...rest] = numbers;

console.log(first, second, rest); // 2 1 [3, 4, 5]

위 예제에서는 numbers 배열의 첫 번째 요소와 두 번째 요소를 first와 second 변수에 할당하고, 나머지 요소는 rest 배열로 할당하였습니다. 결과적으로 first 변수에는 2가 할당되고, second 변수에는 1이 할당되며, rest 배열에는 [3, 4, 5]가 할당됩니다.

요약

Destructuring을 사용하면 자바스크립트에서 배열 요소를 병합하거나 요소의 순서를 변경하는 작업을 간단하게 처리할 수 있습니다. 배열 요소를 필요한 대로 추출하여 활용하는 방법을 익혀두면 작업 효율성을 높일 수 있습니다.

#javascript #배열병합하기