배열 array

- 연관된 여러 개의 데이터를 모아 통으로 관리하기 위함 (데이터를 담는 그릇)

- index값을 가짐 (0부터 시작)

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

 

 

1. 배열의 사용 : 배열과 반복문

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
var members = get_members();

for(var i = 0; i < members.length; i++){ // members.length는 배열에 담긴 값의 개수
    document.write(members[i].toUpperCase());   // members[i].toUpperCase()는 members[i]에 담긴 문자를 대문자로 변환
    document.write('<br />');
}

 

 

2. 배결의 조작 - 추가 

- push : 배열의 끝에 데이터 추가 

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

alert(li); // abcdef

- concat : 배열의 끝에 배열 추가 

var li = ['a','b','c','d','e'];
    
li = li.concat(['f','g']);  // 원래의 배열에 인자 배열 추가 

alert(li);  //abcdefg

- unshift : 배열의 시작에 데이터 추가 (index가 1씩 밀림)

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

alert(li); //zabcde

- splice :  중간에 데이터 추가 

var li = ['a','b','c'];
    
li.splice(1,1, 'x', 'y');  //해당 인덱스에서 , 제거될 원소 수, 추가될 원소들 

alert(li); //axyc

 

 

3. 배열의 조작 - 제거

- shift : 첫 번째 데이터 삭제

var li = ['a','b','c'];
    
li.shift(); 

alert(li); // bc

- pop : 마지막 데이터 삭제

var li = ['a','b','c'];
    
li.pop(); 

alert(li);  //ab

 

 

4. 배열의 조작 - 정렬

- sort : 알파벳 순으로 정렬

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

alert(li); //abcd

- reverse : 알파벳 역순으로 정렬

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

alert(li); //dcba

- 기타 다른 정렬 순서 참고 : opentutorials.org/course/50/109