My Notes

배열

• 자바스크립트의 배열은 가변 길이를 가진다.

• for문을 이용한 배열 출력

// 배열 선언
var array = ['포도','사과','바나나','망고'];    // length = 4

document.write(array[0]+'<br>');
document.write(array[1]+'<br>');
document.write(array[2]+'<br>');
document.write(array[3]+'<br>');

// 반복문 for문을 이용한 출력
for(var i=0;i<array.length;i++){
	document.write('array['+i+'] : ' + array[i] + '<br>');
}

• for in 반복문을 이용한 배열 출력

// 배열 선언
var array = ['포도','사과','바나나','망고'];

// for in 반복문
for(var i in array){    // i : 인덱스
	document.write('array['+i+'] : '+array[i]+'<br>');
}

• 배열 요소 추가

var array = ['포도','사과'];
document.write(array + '<br>');  // 포도,사과 : 배열의 요소를 쉼표로 구분하여 출력

array[2] = '사과';
document.write(array + '<br>'); // 포도,사과,사과

array[10] = '망고';
document.write(array + '<br>'); // 포도,사과,사과,,,,,,,,망고 : 11개

• 배열 길이 지정 - length

var array = ['one','two','three'];	// length = 3

array.length = 2;
document.write(array + '<br>');		// one,two : 마지막 데이터 삭제

array.length = 4;
document.write(array + '<br>');		// one,two,, : 길이 증가

• 배열 요소 삭제 - delete 배열명

var array2 = ['서울','부산','대구'];

delete array2[1];
document.write(array2 + '<br>');	// 서울,,대구 : 제거한 위치에 빈 요소를 남김

배열의 정렬 메소드

• 문자 요소 정렬

var array = ['가','라','다','나'];

// 오름차순
array.sort();
document.write(array + '<br>');	// 가,나,다,라

// 내림차순
array.reverse();
document.write(array);		// 라,다,나,가

• 숫자 요소 정렬

var array2 = [50,200,100,30];

// 오름차순
array2.sort(function(left,right){
	return left-right;
});
document.write(array2 + '<br>');  // 30,50,100,200

// 내림차순
array2.sort(function(left,right){
	return right-left;
});
document.write(array2);         // 200,100,50,30

배열의 출력 메소드

• join(String) : 지정한 구분자를 사용한 문자열 반환

var array = ['봄','여름','가을','겨울'];

document.write(array+'<br>');           // 봄,여름,가을,겨울
document.write(array.join() + '<br>');  // 봄,여름,가을,겨울 : 기본값 쉼표
document.write(array.join('_'));        // 봄_여름_가을_겨울

• slice(인덱스) : 해당 인덱스부터 끝까지 문자열 반환

• slice(인덱스1,인덱스2) : 인덱스1부터 인덱스2 전까지 문자열 반환

var array = ['봄','여름','가을','겨울'];

document.write(array.slice(2) + '<br>');  // 가을,겨울
document.write(array.slice(1,3));         // 여름,가을

• concat(값) / concat(배열) : 배열에 입력한 데이터를 합쳐서 문자열 반환

var array = ['봄','여름','가을','겨울'];

document.write(array.concat('하늘','구름') + '<br>');	// 봄,여름,가을,겨울,하늘,구름
document.write(array.concat(['햇살','무지개']));		// 봄,여름,가을,겨울,햇살,무지개

배열의 삽입, 삭제 메소드

• push(값) : 배열에 요소 저장

var array=[];

array.push(10,20,30);
document.write(array + '<br>');  // 10,20,30

• pop( ) : 배열의 요소를 뒤에서부터 하나씩 삭제

array.pop();
document.write(array + '<br>');  // 10,20

array.pop();
document.write(array + '<br>');  // 10

• splice(인덱스,개수) : 배열의 요소를 지정한 인덱스부터 지정한 개수를 삭제

var array3 = ['봄','여름','가을','겨울'];

array3.splice(2,1);		// '가을' 제거
document.write(array3);		// 봄, 여름, 겨울