- 연관된 여러 개의 데이터를 모아 통으로 관리하기 위함 (데이터를 담는 그릇)
- 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
'Front-end > JavaScript' 카테고리의 다른 글
모듈과 라이브러리 (0) | 2020.09.15 |
---|---|
객체 object (0) | 2020.09.08 |
함수 fuction (0) | 2020.09.08 |
반복문 for (0) | 2020.09.07 |
조건문 if (0) | 2020.09.04 |