본문 바로가기
javaScript/JS Tutorial

[javaScript] 배열 병합(연결) - concat()

by mooyou 2022. 10. 29.
728x90
300x250
SMALL

concat()

기존 배열을 병합해서 새 배열을 만든다.

 

2개 배열 연결

const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);

document.getElementById("demo").innerHTML = myChildren; //Cecilie,Lone,Emil,Tobias,Linus

 

- concat()메서드는 기존 어레이를 변경하지 않고 항상 새 배열을 반환한다.

 

3개 배열 연결

const array1 = ["Cecilie", "Lone"];
const array2 = ["Emil", "Tobias", "Linus"];
const array3 = ["Robin", "Morgan"];

const myChildren = array1.concat(array2, array3); 

document.getElementById("demo").innerHTML = myChildren; //Cecilie,Lone,Emil,Tobias,Linus,Robin,Morgan

 

값과 배열 연결

const myArray = ["Emil", "Tobias", "Linus"];
const myChildren = myArray.concat("Peter"); 
document.getElementById("demo").innerHTML = myChildren; //Emil,Tobias,Linus,Peter

 

 

 

참고 : https://www.w3schools.com/js/js_array_methods.asp

728x90
반응형
LIST

댓글