[Javascript]배열

자바스크립트의 배열에 대해 공부해보겠습니다.

배열

자바스크립트의 배열은 다음과 같이 선언 할 수 있다.

특징

여러타입의 변수를 무제한으로 담을 수 있다.
배열의 크기는 동적으로 변경 할 수 있다.

var arr = ['하나',1,'셋'] // 배열 선언

arr[0] // 하나 
arr[1] // 둘

배열의 사용

배열은 반복문과 결합했을때 진가가 나타난다

var arr = ['하나','둘','셋'] // 배열 선언

for(var i=0;i<arr.length;i++){
    document.write(arr[i]);
} 

for(var i in arr){
    document.write(arr[i]);
} // 반복문으로 배열 접근하기

반복문에서 쓰인 length 메소드는 배열의 길이를 리턴하는 기능을 가지고 있다.
결과는 3이다.

배열의 조작

추가

배열 안에 원소를 추가하는 방법.

push

1개인 원소를 뒤에 추가

var arr = []; // 빈 배열 생성
arr.push('하나');
alert(arr); // ['하나']

concat

복수의 원소를 뒤에 추가

var arr = ['하나'];
arr.concat(['둘','셋']);
alert(arr); // ['하나','둘','셋']

unshift

배열의 시작점에 원소를 추가

var arr = ['하나','둘']
arr.unshift('제로');
alert(arr) // ['제로','하나','둘']

splice

배열을 들어내거나 추가

var arr = ['a', 'b', 'c', 'd'];
arr.splice(2, 0, 'B');
alert(arr); // ['a','b','c','B','d']

제거

shift

unshift와 반대되는 기능 첫번째 원소를 제거

var arr = ['하나','둘']
arr.shift();
alert(arr) // ['둘']

pop

배열의 끝점의 원소를 제거

var arr = ['하나','둘']
arr.pop();
alert(arr) // ['하나']

정렬

sort

var arr = [2,1,3]
arr.sort();
alert(arr) // [1,2,3]

reverse

var arr = [2,1,3]
arr.reverse();
alert(arr) // [3,2,1]