728x90
반응형
데이터를 모아서 통으로 관리하고 싶다면 배열을 이용하면 된다
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);
참고 : 생활코딩 - 자바스크립트
728x90
반응형