MHLab blog
📜
js_ts

(Javascript) 배열 합치기

2022.10.27

배열 합치기(?)

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

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

작은 개인광고 양해 바랍니다 ^^;;
👇 주인장이 직접 만든 서비스 👇
/static/29a05fefb322c94d5eb3f7d05c7c224e/myc_icon.png
Typescript
React
Next.Js
Nest.Js
마와셀(웹) - 와인 가격 비교
와인 가격 비교 서비스
postweb
/static/29a05fefb322c94d5eb3f7d05c7c224e/myc_icon.png
Dart
Flutter
hive
provider
마와셀(엡) - 와인과 셀러 관리, 시음노트
보유한 와인의 관리, 시음노트 작성, 보유 와인 셀러의 관리 어플리케이션
/static/d35d260fd4813f4a6d284a7f4fbcdf49/bcow_icon.png
Typescript
React
Next.Js
Nest.Js
흑우집합소(웹) - 로또번호 추천 서비스
로또번호 추천 서비스
/static/d35d260fd4813f4a6d284a7f4fbcdf49/bcow_icon.png
Dart
Flutter
drift
provider
흑우집합소(앱) - 로또번호 추천 서비스
로또번호 추천 서비스

© Powered by danmin