JavaScript - 배열

*배열

- 연관된 데이터를 모아서 한번에 관리하기 위해 사용하는 데이터 형식

- 변수는 하나의 데이터, 배열은 여러 데이터를 하나의 변수에 저장함

- 문자열도 문자와 다르게 배열로 간주

 

*배열의 생성

- var 변수명으로 선언 후 []를 사용하여 원소들 담기

- 인덱스는 0부터 하나씩 증가하여 사용 ex) 0, 1, 2, 3 ... (0부터 시작하는 이유는 c언어의 포인터와 관련)

 

*배열의 사용

- 인덱스가 하나씩 바뀔 때 해당 원소가 바뀌므로 반복문을 이용하여 사용하면 편리해짐

var members = ['egoing', 'k8805', 'sorialgi'];

for(i = 0; i < members.length; i++){
    document.write(members[i].toUpperCase());   
    document.write('<br />');
}

 

*배열의 제어

1) .length

- 배열의 크기를 알아낼 수 있음

- 배열명.length 형식으로 사용

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

 

2) .push

- 배열의 끝에 원소를 추가하는 방법

- 배열명.push() 형식으로 사용

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

 

3) .concat

- 배열의 끝에 복수의 원소를 추가하는 방법

- 배열명.concat() 형식으로 사용

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

 

4) .unshift

- 배열의 시작점에 원소를 추가하는 방법

- 배열명.unshift() 형식으로 사용

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

 

5) .splice

- 해당 인덱스 뒤에 원하는 숫자만큼 제거한 후 원소를 추가하는 방법

- 배열명.splice() 형식으로 사용

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

6) .shift

- 배열의 첫번째 원소를 제거하는 방법

- 배열명.shift() 형식으로 사용

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

 

7) .pop

- 배열의 마지막 원소를 제거하는 방법

- 배열명.pop() 형식으로 사용

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

 

8) .sort

- 배열을 오름차순으로 정렬하는 방법

- 배열명.sort() 형식으로 사용

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

 

9) .reverse

- 배열을 내림차순으로 정렬하는 방법

- 배열명.reverse() 형식으로 사용

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

---

참조 : 생활 코딩-JavaScripthttps://opentutorials.org/course/743