Please Enable JavaScript!
Gon[ Enable JavaScript ]

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

웹 프로그래밍/자바스크립트
반응형

자바스크립트에는 기본적으로 제공하는 다양한 내장 객체들이 있습니다. 내장 객체란 이미 정의 되어 있는 객체를 말합니다. 객체 선언 과정을 통해서 변수 정의만 해 주면 사용이 가능합니다. 기본 내장 객체 중 첫 번째는 배열을 다루는 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>

 

아래는 배열과 관련된 함수들의 포스팅입니다. 참고하세요.

 

https://mainia.tistory.com/6963

 

자바스크립트 배열(Array) shift() 함수 사용하기

shift() 함수는 JavaScript 배열에서 사용되며, 배열의 첫 번째 요소를 제거하고 해당 요소를 반환합니다. shift() 함수는 주로 배열을 수정하고 필요한 경우 제거된 요소를 제거하는데 사용합니다. 이

mainia.tistory.com

https://mainia.tistory.com/4236

 

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

1회 때는 기본적인 객체 생성과 데이터를 꺼내는 방법에 대해 알아 보았습니다. 2회 이후로는 주요 속성과 함수 사용법을 알려 드리겠습니다. 첫 번째로 자주 사용하는 함수 중 concat() 가 있습니

mainia.tistory.com

https://mainia.tistory.com/6920

 

자바스크립트 배열 Array 초기화 하는 다양한 방법

JavaScript에서 배열은 다양한 곳에 쓰입니다. 예를 들어 데이터 수집, 필터링, 가공, 동적 목록 관리, 반복 작업, 데이터 그룹화 및 동적 데이터 구조 생성과 같은 다양한 데이터 관련 작업을 수행

mainia.tistory.com

https://mainia.tistory.com/4271

 

자바스크립트 내장 객체 Array 의 sort 함수 사용하기

sort 함수를 사용하면 배열의 요소를 정렬하는 것이 간단하고 편리하며, JavaScript의 내장 함수이므로 코드를 효율적으로 작성할 수 있습니다. sort 함수는 기본적으로 문자열로 정렬하므로 숫자를

mainia.tistory.com

 

반응형
Posted by 녹두장군1
,