자바스크립트(Javascript) 내장 객체 Array concat 함수 알아보기 – 2

 

환경: Eclipse Mars

 

1회에는 기본적인 객체 생성방법과 데이터를 꺼내는 방법을 알아 보았습니다. 2회 이후로는 주요 속성과 함수들을 어떻게 사용하고 어떤 기능이 있는지 알아 보도록 하겠습니다. 첫 번째로 자주 사용하는 함수 중 concat() 가 있습니다. 이것은 두개의 배열을 합쳐서 하나로 만들어 주는 기능을 가지고 있습니다.

 

array1 Array 내장 객체입니다. item1 은 배열에 추가할 항목으로 첫 번째 항목부터 순서대로 추가가 됩니다. 항목이 배열이 아니면 배열의 끝에 단일 요소로 추가가 되겠죠. 그리고 숫자나 문자열을 새 배열에 추가한다는 것은 복사를 의미합니다. 이전 배열값은 전혀 영향을 주지 않습니다.

 

array1.concat([item1[, item2[, . . . [, itemN]]]])

 

아래 소스는 두 종류의 객체를 배열 a 에 추가한 샘플입니다. 문자열과 배열을 a 배열에 concat 함수를 사용해서 “1,2,3” 다음에 추가하는 것이죠. b c 데이터를 a에 추가해서 결과값 d를 만들어 냈습니다. d a,b,c 를 모두 연속적으로 합친 결과를 품게 됩니다. 이렇게 concat 는 배열뿐만 아니라 문자열이나 숫자같은 단일 데이터도 추가할 수 있습니다. 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>Javascript</title>
<style type="text/css">
body {background-color: #e7e7e7;}
div {margin : 10px;}
</style>
<script type="text/javascript">
<!--
	var a, b, c, d;
	a = new Array(1,2,3);
	b = "사과";
	c = new Array(42, "배");
	d = a.concat(b, c);
	
	document.write(d);
//-->
</script>
</head>
<body>
</body>
</html>

자바스크립트(Javascript) 내장 객체 Array 의 concat 함수 알아보기 – 2회

 

다음은 또 다른 형태의 배열 예제입니다. new 연산자를 사용해서 배열 객체를 생성할 수도 있지만 소스에서처럼 대괄호 “[]” 를 사용해서 정의할 수 있습니다. 두 개의 배열을 concat 함수로 합쳤습니다

<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>Javascript</title>
<style type="text/css">
body {background-color: #e7e7e7;}
div {margin : 10px;}
</style>
<script type="text/javascript">
<!--
	var a = ["사과", "배"];
	var b = ["배추", "양파", "무우"];
	var c = a.concat(b); 
	
	document.write(c);
//-->
</script>
</head>
<body>
</body>
</html>

자바스크립트(Javascript) 내장 객체 Array 의 concat 함수 알아보기 – 2회


저작자 표시 비영리 변경 금지
신고
Posted by 녹두장군


티스토리 툴바