자바스크립트(Javascript) 함수 concat() 배열 값을 합치는 방법

“concat()” 함수는 JavaScript에서 배열을 병합하거나 배열에 요소를 추가하는 데 사용되는 함수입니다. “concat()” 함수는 배열의 뒤에 요소를 추가하기 위한 것이며, 배열을 병합할 때 주로 사용됩니다. 이것은 데이터를 조작하거나 필요한 형식으로 배열을 구성할 때 특히 유용합니다. 배열의 앞에 데이터를 추가하는 경우, “unshift()” 함수가 효과적인 방법입니다.

 

 

 

◎ 1. 구문

 

array.concat(item1, item2, ..., itemX)

l  “array”: 병합하려는 배열. 이 배열은 “concat()” 함수를 호출한 원본 배열입니다.

l  “item1, item2, ..., itemX” (선택적): 병합하려는 배열에 추가할 요소나 배열들. 원본 배열에 이 요소나 배열들이 추가됩니다.

 

 

◎ 2.  예제 : 두 배열 병합

 

“concat()” 함수를 사용하여 “fruits1” 배열과 “fruits2” 배열이 병합됩니다.

 

const fruits1 = ["사과", "바나나"];
const fruits2 = ["체리", "포도"];
const combinedFruits = fruits1.concat(fruits2);
 
console.log(combinedFruits);
 
[출력]
["사과", "바나나", "체리", "포도"]

 

 

◎ 3. 예제 : 요소 추가

 

“concat()” 함수를 사용하여 “numbers” 배열에 4와 5를 추가합니다.

 

const numbers = [1, 2, 3];
const extendedNumbers = numbers.concat(4, 5);
 
console.log(extendedNumbers);
 
[출력]
[1, 2, 3, 4, 5]

 

 

◎ 4. 예제 : 배열과 요소 병합

 

“concat()” 함수를 사용하여 “colors” 배열과 문자열 "노랑"과 "초록"이 병합됩니다.

 

const colors = ["빨강", "파랑"];
const newColors = colors.concat("노랑", "초록");
 
console.log(newColors);
 
[출력]
["빨강", "파랑", "노랑", "초록"]

 

 

◎ 5. 예제 : 빈 배열 처리

 

빈 배열인 “emptyArray”에 “concat()” 함수를 사용하면, 새로운 요소가 추가된 새 배열을 생성합니다.

 

const emptyArray = [];
const newArray = emptyArray.concat("새로운 요소");
 
console.log(newArray);
 
[출력]
["새로운 요소"]

 

 

◎ 6. 예제 : unshift() 함수로 배열 앞에 추가하기

 

“concat()” 함수는 배열의 뒤에 데이터를 추가하는데 사용합니다. 배열의 앞에 데이터를 추가하려면 다른 방법을 사용해야 합니다. 일반적으로 JavaScript에서는 “unshift()” 함수를 사용하여 배열의 앞에 요소를 추가할 수 있습니다. 아래 예제에서 1은 배열 “numbers”의 첫 번째 요소로 추가합니다.

 

const numbers = [2, 3, 4];
numbers.unshift(1); // 배열의 앞에 1을 추가
 
console.log(numbers);
 
[출력]
[1, 2, 3, 4]