배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입 입니다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있습니다.
배열
변수 name에는 문자 egoing이 할당되었습니다. 이제부터 name을 호출하면 문자 egoing을 사용할 수 있습니다.
var name = 'egoing'
alert(name);
배열의 생성
여러 개의 데이터를 하나의 변수에 담아서 관리할 수 있는 방법: 배열
대괄호([])는 배열을 만드는 기호입니다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 됩니다.
var member = ['egoing', 'k8805', 'sorialgi']
하나의 변수에 3개의 데이터를 담았습니다. 각각의 데이터를 원소(Element)이라고 부릅니다.
이 데이터를 꺼내오려면 어떻게 해야 할까?
var member = ['egoing', 'k8805', 'sorialgi']
alert(member[0]);
alert(member[1]);
alert(member[2]);
/*
egoing
k8805
sorialgi
*/
즉 배열에 담겨있는 값을 가져올 때는 대괄호 안에 숫자를 넣고 이 숫자를 색인(index)라고 부르고 0부터 시작합니다. 즉 첫번째 원소(egoing)를 가져오려면 대괄호 안에 0을 넣어주어야 한다는 것입니다. 두번째는 1, 세번째는 2를 입력합니다. 이 값을 이용해서 배열에 저정된 값을 가져올 수 있습니다.
배열의 효용
그렇다면 배열이 없다면 어떻게 될까요? 예를 들어 맴버의 이름을 제공하는 함수를 제공해야 한다고 해봅시다. 그런데 함수는 하나의 값만을 반환(return) 할 수 있습니다.
function get_member1(){
return 'egoing';
}
document.write(get_member1());
function get_member2(){
return 'k8805';
}
document.write(get_member2());
function get_member3(){
return 'sorialgi'
}
document.write(get_member3());
function get_members(){
return ['egoing', 'k8805', 'sorialgi'];
}
var members = get_members();
document.write(members[0]);
document.write(members[1]);
document.write(members[2]);
맴버를 담고 있는 배열를 반환하고 있습니다. 간단하지 않나요?
배열의 사용
배열의 진가는 반복문과 결합했을 때 나타납니다. 반복문으로 리스트에 담긴 정보를 하나씩 꺼내서 처리 할 수 있기 때문입니다.
function get_members(){
return ['egoing', 'k8805', 'sorialgi'];
}
members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다.(a.length _ 미리 준비된 형태(변수)
for(i = 0; i < members.length; i++){
//0의 값이 i에 대입되는 데 0은 1씩 증가되고 members.length보다 작다.
//length : 가변적으로 변하는 값
// members[i].toUpperCase()는 members[i]에 담긴 문자를 대문자로 변환해준다.
document.write(members[i].toUpperCase());
document.write('<br />');
}
/*
egoing
k8805
sorialgi
*/
위의 예제에서 주목해야 할 것은 반복문과 배열을 결합한 부분입니다. 반복문을 이용해서 배열 members의 내용을 하나씩 꺼낸 후에 이름의 첫글자를 대문자로 변경한 후에 출력하고 있습니다.
정리하면, 배열이란 연관된 정보를 하나의 그룹으로 관리하기 위해서 사용합니다. 그리고 그 정보를 처리 할 때는 반복문을 이용합니다.