자바스크립트에서 배열을 합치는 3가지 방법

자바스크립트에서 배열을 합치는 자주사용하는 3가지 방법에 대해 설명 드립니다.

• concat() 함수
• ... spread operator (전개 연산자)
• push() 함수
• push와 spread operator 를 동시사용

concat() 함수

const arr1 = [1, 2, 3];
const arr2 = [4, 5, [6, 7], 'string', 1];
const result = arr1.concat(arr2);
=> [1,2,3,4,5,[6,7],string,1]

See the Pen 배열 by younghyeong ryu (@wangta69) on CodePen.

... spread operator (전개 연산자)

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

const result = [
  ...arr1,
  ...arr2
];
=> [1,2,3,4,5,[6,7],string,1]

See the Pen 배열 by younghyeong ryu (@wangta69) on CodePen.

push() 함수를 이용한 방법

push를 이용하는 경우는 위와 약간 다른 것이 두번째 배열을 그대로 풀지 않고 그대로 넣어 둔다는 것입니다.

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

arr1.push(arr2);
=> [1, 2, 3, [4, 5, [6, 7], 'string', 1]]

See the Pen 배열 by younghyeong ryu (@wangta69) on CodePen.

push() 함수와 spread operator 를 동시 사용

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

arr1.push(...arr2);
=> => [1,2,3,4,5,[6,7],string,1]

See the Pen 배열 by younghyeong ryu (@wangta69) on CodePen.