배열

array 연관되어 있는 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입

하나의 변수안에 여러개의 데이터를 담을 수 있다

var member = ['egoing', 'k8805', 'sorialgi'];
// 3가지 element를 하나의 그릇에 담은것이고 그 그릇을 member라는 변수에 다시 담은것

배열은 반드시 대괄호로 시작해서 대괄호로 끝나야한다.

배열에 들어있는 각각의 데이터를 element(원소)라고 한다.

var member = ['egoing', 'k8805', 'sorialgi']
alert(member[0]);
alert(member[1]);
alert(member[2]);

배열안에 데이터를 꺼내고 싶을때는 element의 index 번호를 대괄호안에 적으면 된다.

index(색인)은 배열에 원소가 들어가 있는 번호. 앞쪽부터 0으로 시작한다.

함수는 하나의 값만 출력이 가능하기 때문에 배열을 사용하면 하나의 함수에서 다른 값을 출력할 수 있다.

unction get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
var members = get_members();
document.write(members[0]);   // egoing 출력
document.write(members[1]);	  // k8805 출력
document.write(members[2]);	  // sorialgi 출력

 

반복문과 배열을 결합하면 리스트에 담긴 정보를 하나씩 꺼내서 꺼내진 값들을 가공하는것이 배열사용에 핵심

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다. 
for(i = 0; i < members.length; i++){
    // members[i].toUpperCase()는 members[i]에 담긴 문자를 대문자로 변환해준다.
    document.write(members[i].toUpperCase());   
    document.write('<br />');
}

toUpperCase()   대문자로 리턴해준다.

배열.length  배열에 담겨져있는 element(원소) 갯수를 알수있다.

배열의 제어

배열의 담겨져있는 데이터를 추가하거나, 삭제하거나 다른 자리로 이동할 수 있다.

// 배열끝에 하나의 값을 추가한다.
배열.push('값');

var li = ['a', 'b', 'c', 'd', 'e'];
li.push('f');

// 배열끝에 복수의 값(배열)을 추가한다.
배열.concat(['값', '값2']);

var li = ['a', 'b', 'c', 'd', 'e'];
li.concat(['f', 'g']);     // 배열이기 떄문에 대괄호를 사용한다.

// 배열의 시작기점에 값을 추가한다.
배열.unshift('z');

var li = ['a', 'b', 'c', 'd', 'e'];
li.unshift('z');

// 배열 중간 어딘가에 값을 껴넣고 싶을때
배열.splice(index, howmany, element...);

var li = ['a', 'b', 'c', 'd', 'e'];
li.splice(2, 0, 'B');

index자리에는 추가하고싶은 index번호를 적으면 된다. 

howmany에도 반드시 Number가 와야하는데

0은 앞에쓴 index 번호 앞에 새로 추가( 번호를 뺏고 기존 값은 갯수만큼 뒤로 밀린다)

1은 앞에쓴 index 번호를 포함한 한개의 원소를 삭제하고 값을 추가한다. (index 번호였던 값이 삭제된다)

2는 앞에쓴 index 번호부터 2개의 원소를 삭제하고 값을 추가한다. (index 번호였던 값과 바로 다음값이 삭제)

// 배열의 첫번째 원소를 제거할때
배열.shift();

// 배열의 맨 끝에 있는 원소를 제거할때
배열.pop();

정렬

배열.sort();

// 역순으로 정렬하고 싶을때
배열.reverse();

// 어떤 기준으로 정렬하고 싶을때
배열.sort(함수);