Array

Array 

자바의 배열은 생성할 때, 배열의 크기를 고정적으로 정해줘야하지만 

자바스크립트의 배열은 배열의 길이가 가변적이라 정해줄 필요X

- 기본 배열 생성 방법

var 배열명 = new Array();

- 배열 초기화

		var colors = new Array(4, 2, 3); // 생성과 동시에 초기화
		colors = [1, 2, 3, 4, 5];	// 생성후, 초기화

		var colors = ['red', 'blue', 'green', 'gray', 'purple']; // 생성과 동시에 초기화2

- 배열의 함수

1. join(구분자)

- 배열의 값들을 사이에 구분자를 붙여 하나의 문자열을 만든다

- default : ", "

2. sort(), reverse()

- sort() : 오름차순 정렬

- reverse() : 내림차순 정렬

3. push()

- 배열에 제일 뒤에 값을 추가

4. pop()

- 배열의 제일 뒤에 값을 리턴(배열에서 삭제)

5. shift()

- 배열의 첫 번째 값을 리턴(배열에서 삭제)

6. unshift()

- 배열의 첫 번째에 값을 추가

7. indexOf("문자")

- 해당 문자가 있는 index를 리턴

8. slice(startIndex, endIndex)

- start부터 end-1까지 배열의 값을 리턴

9. splice(index, num)

- index부터 num의 수 만큼 배열의 값을 리턴;

		var colors = ['red', 'blue', 'green', 'gray', 'purple'];

		// join()
		document.write("join() : " + colors.join(", ") + "

");

		// sort(), reverse()
		document.write("sort() : " + colors.sort().join(", ") + "
");	
		document.write("reverse() : " + colors.reverse().join(", ") + "

");	

		// push()
		document.write("before : " + colors.join(", ") + "
");
		colors.push("black");	// 맨뒤에 추가
		document.write("push(\"black\")
");
		document.write("after : " + colors.join(", ") + "

");	

		// pop()
		document.write("before : " + colors.join(", ") + "
");
		document.write(colors.pop() + "
");	
		document.write("pop()
")
		document.write("after : " + colors.join(", ") + "

");

		//shift
		document.write("before : " + colors.join(", ") + "
");
		document.write("shift()
");
		document.write("after : " + colors.join(", ") + "

");

		//unshift
		document.write("before : " + colors.join(", ") + "
");
		colors.unshift("pink");	
		document.write("unshift(\"pink\")
")
		document.write("after : " + colors.join(", ") + "

");	

		// indexOf (0부터 시작)
		document.write("indexOfgreen : " + colors.indexOf("green") + "

");

[ 출력 결과 ]