Javascript 내장 객체 - Array

Array 객체

---

• 같은 종류의 변수를 하나로 묶기 위한 배열에 관련된 기능을 제공한다.

 

 

 

데이터형으로 이루어진 여러 개의 기억장소를 하나의 통일된 변수명으로 정의할 수 있는데 그것이 배열이다.

Array 객체를 사용하면 배열을 사용 할 수가 있다. Array객체는 new연산자를 이용하여 만들 수 있다.

let 배열명 = new Array(값1, 값2.., 값n);	→ Array 객체로 배열 생성
let 배열명 = [값1, 값2.., 값n];		→ 리터럴을 이용한 배열 생성

let 배열명 = new Array();		// 빈 배열 선언
let 배열명 = [];			// 빈 배열 선언

→ 배열의 접근은 인덱스 번호로, 인덱스의 시작은 0부터다.

      배열은 배열의 크기를 유동적으로 변할 수 있다.

(배열의 크기가 언제 라도 증가, 감소가 가능: 자바스크립트의 변수형의 자동 형변환과 객체의 동적 속성 추가 특징에 따른 장점)

→ 배열의 각 요소가 동일한 데이터 타입을 가지지 않아도 된다

 

 

 

⭐ Array 객체의 속성

속성	설 명
length	배열의 크기를 나타낸다.

 

⭐ Array 객체의 메소드

메서드	설 명
join([str])	배열에 들어 있는 값들을 모두 더해서 하나의 문자열로 만들어 준다. str은 배열에 있는 값들을 더할때 구분자의 역할을 한다. 생략하면 “,”가 사용된다.
sort()	현재 배열에 들어 있는 값들을 정렬시킨다. abc 순 으로 오름차순 정렬이 된다.
reverse()	배열이 들어간 순서를 반대로 바꿔주는 메소드이다.
concat(array)	두 개의 배열을 하나로 만들고자 할 때 사용한다.
slice(start, end)	배열의 일부를 추출해서 하나의 새로운 배열을 만드는 기능을 한다.

 

 

 

⭐ Array객체 예시

<script type="text/javascript" id="z">		
	document.write("<div id="+"a"+">");
	//Array객체로 배열 생성
	let myArray=new Array("자바","자바스크립트","스프링");
	
	document.write("<h6>"+myArray[0]+"</h6>");
	document.write("<h6>"+myArray[1]+"</h6>");
	document.write("<h6>"+myArray[2]+"</h6>");
		
	let myArray1=[];
		
	for(let i=0; i<10; i++){
		myArray[i]=i;
	}
	document.write("myArray1 배열의 길이:"+myArray.length+"<br>");
	for(let i=0; i<myArray.length; i++){
		document.write(myArray[i]+" ");
	}
	document.write("<br/>");
		
	document.write("<h3>join() 메서드로 출력</h3>");
	document.write("<p>"+myArray1.join(" ")+"</p>");
		
	document.write("<h3>sort() 메서드로 출력</h3>");
	let myArray2=[10,7,23,99,169,19,11,1];
	myArray2.sort();
	document.write("<p>"+myArray2.join("/")+"</p>");
		
	let myArray3=[10, 7, 23, 99, 169, 19, 11, 1];
	myArray3.sort(function(a,b) {return a-b;});
	document.write("<p>오름차순: "+myArray3.join(",")+"</p>");
		
	myArray3.reverse(function (a,b) {return a-b;});
	document.write("<p>내림차순: "+myArray3.join(",")+"</p>");
		
	// 출력 함수 생성 - print_array(배열, 출력시 사용할 배열명)
	function print_array(a,name) {
		document.write("Size of array: "+a.length+"<br/>");
		for(i=0; i<a.length; i++) {
			document.write(name+"["+i+"]: ");
			if(typeof(a[i]) =="string"){
				document.write("\""+a[i]+"\" <br/>");
		}				
		else
			document.write(a[i]+"<br/>");
		}
		document.write("<br/>");
	}
		
	let array=new Array("one", 2, "3", 4, "five");
	//let array=["one", 2, "3", 4, "five"];
		
	array[6]=6;
	array[7]="seven";
	array[9]="3+6";
		
	document.write("array 배열 출력<br/>");
	print_array(array,"array");
		
	array=[];
	print_array(array,"array");
	document.write("</div>");
</script>