Wednesday, May 30, 2007
자바스크립트] 배열 합치기, 여러개의 배열을 연결, 하나로 병합 함수; JavaScript concat Merge Array
2개 또는 여러 개의 배열을 하나의 배열로 "합치는 방법"입니다.
concat() 이라는 메소드(함수)에, 합쳐야 할 배열명을 넣어주면, 합친 결과를 반환합니다. 다음 예제와 같습니다.
소스 파일명: example.html
▶▶ 자바스크립트] 배열 요소 추가, 새 요소 밀어넣기 함수; JavaScript unshift push Array
▶▶ 자바스크립트] 배열을 문자열로 변환, 요소 합치기; Join Array JavaScript
concat() 이라는 메소드(함수)에, 합쳐야 할 배열명을 넣어주면, 합친 결과를 반환합니다. 다음 예제와 같습니다.
배열 연결, 병합, 합치기 예제 소스
소스 파일명: example.html
<script type="text/javascript">
////////////////////////////////////////////
// 2개의 배열을 1개의 배열로 연결하기
////////////////////////////////////////////
var who = new Array( '맹구', '배용준', '땡칠이', '장동건', '강수정', '뿡뿡이', '고은아' );
var food = new Array( '자장면', '탕수육', '짬뽕', '우동', '물만두' );
// 배열 연결 (인명 배열 + 음식명 배열)
var result = who.concat(food);
// 결과 출력
document.write(result , '<br /><br /><br />');
// 맹구,배용준,땡칠이,장동건,강수정,뿡뿡이,고은아,자장면,탕수육,짬뽕,우동,물만두
////////////////////////////////////////////
// 3개의 배열을 1개의 배열로 연결하기
////////////////////////////////////////////
who = new Array( '맹구', '배용준' );
food = new Array( '자장면', '탕수육' );
var camera = new Array( 'Nikon', 'Canon', 'PENTAX' );
// (인명 배열 + 음식명 배열 + 카메라명 배열)
var result = who.concat(food, camera);
document.write(result, '<br />');
// 맹구,배용준,자장면,탕수육,Nikon,Canon,PENTAX
</script>
////////////////////////////////////////////
// 2개의 배열을 1개의 배열로 연결하기
////////////////////////////////////////////
var who = new Array( '맹구', '배용준', '땡칠이', '장동건', '강수정', '뿡뿡이', '고은아' );
var food = new Array( '자장면', '탕수육', '짬뽕', '우동', '물만두' );
// 배열 연결 (인명 배열 + 음식명 배열)
var result = who.concat(food);
// 결과 출력
document.write(result , '<br /><br /><br />');
// 맹구,배용준,땡칠이,장동건,강수정,뿡뿡이,고은아,자장면,탕수육,짬뽕,우동,물만두
////////////////////////////////////////////
// 3개의 배열을 1개의 배열로 연결하기
////////////////////////////////////////////
who = new Array( '맹구', '배용준' );
food = new Array( '자장면', '탕수육' );
var camera = new Array( 'Nikon', 'Canon', 'PENTAX' );
// (인명 배열 + 음식명 배열 + 카메라명 배열)
var result = who.concat(food, camera);
document.write(result, '<br />');
// 맹구,배용준,자장면,탕수육,Nikon,Canon,PENTAX
</script>
▶▶ 자바스크립트] 배열 요소 추가, 새 요소 밀어넣기 함수; JavaScript unshift push Array
▶▶ 자바스크립트] 배열을 문자열로 변환, 요소 합치기; Join Array JavaScript
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home