[JavaScript] 배열

데이터를 모아서 통으로 관리하고 싶다면 배열을 이용하면 된다

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

이런식으로 대괄호 [ ] 에 담으면 된다

각각의 데이터들은 원소라고 부른다

원소들을 하나씩 꺼내오고싶으면 인덱스를 활용한다.

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

---

배열과 반복문이 결합한 예제를 보자

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 />');
}

members의 내용을 하나씩 꺼내서 첫글자를 대문자로 변경하고 출력한다.

​

---

배열의 크기를 알아보려면 .length를 붙이면 된다

var arr = [1, 2, 3, 4, 5];
alert(arr.length);
//결과 : 5

---

원소를 추가할 때에는 push를 이용한다.

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

여러개의 원소를 추가하려면 concat을 이용

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

배열의 시작점에 원소를 추가하려면 unshift를 쓴다

첫번째 원소로 추가하고 배열의 기존 값들의 인덱스도 1씩 증가시킨다

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

2번째 인덱스의 뒤에 원소를 넣고 싶은 상황이라면?

splice를 이용한다.

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

위의 코드를 예시로 보면 a, b, B, c, d, e 가 출력이 된다

배열명.splice([항목의 위치], [삭제할 항목수], [추가할항목...])

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

이 결과의 코드는 a, b, B, d, e 이다.

삭제할 항목수에 1을 넣어서 c가 삭제된 것이다.

​

---

배열의 첫번째 원소를 제거할 때에는 shift 를 사용하면 된다

var li = ['a', 'b', 'c', 'd', 'e'];
li.shift();
alert(li);
//결과 : b, c, d, e

배열의 가장 마지막 원소를 제거하려면 pop을 이용한다.

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

---

배열의 원소들을 알파벳 순으로 정렬할 수 있다.

sort를 쓰면 된다

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

역순으로 정렬하고 싶을때엔 reverse()를 쓴다

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

 

 

 

참고 : 생활코딩 - 자바스크립트