자바스크립트(Javascript) 내장 객체 Array 알아보기 – 1회

자바스크립트

자바스크립트(Javascript) 내장 객체 Array 알아보기 – 1

 

환경: Eclipse Mars

 

자바스크립트에는 기본적으로 제공하는 다양한 내장 객체들이 있습니다. 내장 객체란 이미 정의 되어 있는 객체를 말합니다. 객체 선언 과정을 통해서 변수 정의만 해 주면 사용이 가능합니다. 기본 내장 객체 중 첫 번째는 배열을 다루는 Array 입니다. 많은 양의 데이터를 저장할 때 아주 유용합니다. 그럼 여러 회에 걸쳐서 함수와 속성들에 대해 알아 보겠습니다.

 

Array 배열 객체를 생성해 줄 때는 new 연산자를 사용해서 선언해 줍니다. 메모리 공간에 배열 데이터를 저장할 수 있는 변수를 생성하는 것입니다. 문법은 아래와 같습니다. 생성자로 아무것도 넘기지 않으면 데이터를 입력하는 만큼 크기가 자동으로 늘어납니다. 그에 반해 생성자로 배열 갯수를 넣게 되면 지정한 크기만큼만 사용이 가능합니다.

 

변수명 = new Array()

변수명 = new Array(배열갯수)

변수명 = new Array(배열1, 배열2, 배열3, ...)

 

위의 3가지 경우를 구현해 보겠습니다. 아래 소스처럼 배열에 데이터를 넣을 때 3가지 형태가 가능합니다. 첫 번째는 배열의 개수를 지정하지 않고 for 문을 돌면서 원하는 만큼 집어 넣습니다. 그럼 자동으로 배열은 메모리가 허용하는 한 늘어나는 것이죠. 두 번째는 Array 클래스의 생성자 인수로 배열의 개수를 넘겼습니다. 10개로 지정했는데 그 이상 넣게 되면 에러가 나겠죠. 세 번째는 생성자 함수의 인수로 배열의 값을 직접 지정한 예 입니다

<!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 x;
	var arr1 = new Array();
	for (i = 0; i < 10; i++) {
		arr1[i] = i;
	}
	x = arr1[4];
	document.write("4 배열 요소값 : " + x + "<br/>");
	
	// 두 번째 생성자로 개수를 지정했을 때
	var arr2 = new Array(10);
	for (i = 0; i < 10; i++) {
		arr2[i] = i;
	}
	x = arr2[3];
	document.write("3 배열 요소값 : " + x + "<br/>");
	
	// 세 번째 배열요소를 직접 입력했을 때 
	var arr3 = new Array(0,1,2,3,4,5,6,7,8,9);
	x = arr3[2];
	document.write("2 배열 요소값 : " + x);
//-->
</script>
</head>
<body>
</body>
</html>


Posted by 녹두장군