JavaScript 배열

배열(array): 연관된 데이터를 모아 통으로 관리하기 위해 사용하는 데이터 타입.

변수-하나의 데이터를 저장
배열-여러 개의 데이터를 하나의 변수에 저장하는 것.

배열문법: []
var member = ['father', 'mother', 'sister']

배열 안에 담긴 요소들을 element라 한다. 위엔 3개의 element가 담겨있는 것.
father은 0번, mother은 1번, sister은2번이고, 이 번호를 index라 한다.
alert(member[0]);
을 실행하면 father이 alert창에 뜬다.

다음과 같이 function과 결합해 사용할 수도 있다.
아래 코드 실행 결과 alert창에 mom, dad, me가 뜬다.

function get_members(){
			return['mom', 'dad', 'me'];
		}
		alert(get_members())

배열 내 element 갯수 counting

• 배열이름.length로 특정 배열 내 몇개의 element가 있는지 알 수 있다. 아래 예시를 보자.

var a = ['mom', 'dad', 'kid1']
alert(a.length);

위 코드 실행 시 alert에 숫자 3이 뜬다.(3개라는 의미)

반복문과 배열

아래 코드는 반복문과 배열을 조합하여 사용한 경우다.
결과는 아래와 같다.
n1
n2
n3
n4

function get_members(){
			return ['n1', 'n2', 'n3', 'n4'];
		}

		members = get_members();
		
		for(var i = 0; i < members.length; i++){
			document.write(members[i].toUpperCase() +"<br/>");
		}

배열에 element 1개 추가

문법: 배열명.push('새요소이름');
예시: family라는 배열에 dog을 새로 추가해보자.

var family = ['mom', 'dad', 'me'];
family.push('dog');

배열에 복수의 element 추가

문법: 배열명.concat(['요소1', '요소2']);
*concat은 concatenate(사슬같이 잇다, 연관시키다)
예시: family 배열에 dog, cat을 추가해보자.

var family = ['mom', 'dad', 'me'];
family.concat(['dog', 'cat']);

배열의 시작지점에 element 추가

-문법: 배열이름.unshift('새요소')
-예시: family의 첫요소로 grandfather 추가하기

var family = ['mom', 'dad', 'me'];
		family.unshift('grandfather');

배열의 중간에 element 추가

문법: 배열이름.splice(idex,howmany, element)
설명
-index는 배열에 추가될 위치이다. 꼭 적어야 하고 숫자형식이어야함.

-howmany는 index에서부터 제거할 원소의 수다. index+homany에 해당하는 요소들은 삭제된다. 0으로 적으면 아무것도 삭제되지 않는다.
-element는 추가될 값 그자체이다.
-예시의 결과는 mom, dog, dad, me다.

var family = ['mom', 'dad', 'me'];
family.splice(1,0,'dog');

아래 예시의 결과는 dog, cat, me 이다.

var family = ['mom', 'dad', 'me'];
family.splice(0,2,'dog', 'cat');

배열 제거와 정렬

1)배열의 첫 요소 제거하는 법: .shift 사용
-문법예시: 아래 코드의 결과는 mom, me이다.

var family = ['dad', 'mom', 'me']
family.shift();

2)배열의 마지막 요소 제거하는 법:
-문법예시: 아래 코드의 결과는 dad, mom이다.

var family = ['dad', 'mom', 'me']
family.pop();

3) 배열을 알파벳 순으로 정렬하는 법.
-문법예시: 아래 코드는 a,b,c,d가 된다.

var alphabet = ['b', 'a', 'c', 'd']
alphabet.sort();

4) 배열을 알파벳 역순으로 정렬하는 법.
-문법예시: 아래 코드는 d,c,b,a가 된다.

var alphabet = ['b', 'a', 'c', 'd']
alphabet.reverse();