(Javascript) 배열 합치기

Posted by , October 27, 2022
Javascript
Series ofJS_TS

배열 합치기(?)

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

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']]