(Javascript) 배열 합치기

thumbnail

배열 합치기(?)

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

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

Written by@MHLab
Lamborghini Huracan STO / Ferrari 488 Pista
Hardcore life
👇MyMeLink

MyMe.LinkGitHub