[Javascript] 배열 합치는 방법

이 글은 기존 Github 개발 블로그에서 이전된 글입니다.
작성된 기간이 오래되었으니 이 점 참고해주시길 바랍니다.

---

배열 합치기(?)

프로젝트를 진행하다가 배열을 좀 다룰 일이 있어서 찾아봤다.
그냥 안써두면 까먹을거 같아서 기록해둔다.
방법은 여러가지가 있는데 하나씩 적어둔다

1. concat 함수 이용

const tmpArr1 = ['value1', 'value2', 'value3']
const tmpArr2 = ['1', '22', '333']

const result = tmpArr1.concat(tmpArr2)

//두 개 이상을 전달할 수 있다
//const result = tmpArr1.concat(tmpArr2, ["tmp1","tmp2"]);

//이 방법도 가능하다
//const result = [].concat(tmpArr1, tmpArr2);

console.log(result)

...연산자 (Spread Operator)를 활용

const tmpArr1 = ['value1', 'value2', 'value3']
const tmpArr2 = ['1', '22', '333']

const result = [...tmpArr1, ...tmpArr2]

console.log(result)

Push 함수 활용 (with ...연산자)

const tmpArr1 = ['value1', 'value2', 'value3']
const tmpArr2 = ['1', '22', '333']

//빈 배열 선언
const result = []

result.push(...tmpArr1)
result.push(...tmpArr2)

console.log(result)

단 여기서 ...연산자를 뺄 경우 배열 자체가 추가가 된다.
즉 결과물이 아래와 같이 나오게 된다.

//with ...oper
['value1', 'value2', 'value3','1', '22', '333']

//without ...oper
[['value1', 'value2', 'value3'], ['1', '22', '333']]