[Javascript] 배열 합치기 3가지 방법

1. concat() 연산자 사용

파라미터로 받은 배열이나 값들을 기존의 배열에 합쳐서 새로운 배열을 만들어 리턴

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];

arr1.concat(arr2, arr3);
// [1, 2, 3, 4, 5, 6, 7, 8, 9]

arr1.concat(4, 5, [6, 7, 8], 9);
// [1, 2, 3, 4, 5, 6, 7, 8, 9]

2. ... spread operator 전개 연산자 사용

spread operator는 원소들을 쪼개어 개별요소로 리턴한다.
이 쪼개진 개별 요소들을 인자로 가지는 새로운 배열을 생성하면 아래와 같다.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];

const newArr = [
    ...arr1,
    ...arr2,
    ...arr3
]
// [1, 2, 3, 4, 5, 6, 7, 8, 9]

3. push() 함수와 ... spread operator 사용

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

arr1.push(...arr2);
// [1, 2, 3, 4, 5, 6]

arr1.push(arr2);
// [1, 2, 3, [4, 5, 6]]