자바스크립트 공부(6) - 배열(Array)

배열(Array)은 여러 개의 항목을 하나의 변수에 저장해야 할 때 사용한다.

1. Array 객체로 배열 만들기

---

자바스크립트에서는 1. 리터럴을 사용하거나 2. Array 객체를 사용해서 인스턴스를 만들어서 배열을 만들 수 있다. (자바스크립트 내에 미리 Array 객체가 만들어져 있다.)

var numbers = [1, 2, 3, 4]; // 리터럴 사용
var numbers = new Array(1, 2, 3, 4); // Array 객체 사용

length 속성을 사용하면 배열에 있는 요소의 개수를 확인할 수 있다.

 

2. Array 객체의 함수들

---

1. concat() : 기존 배열에 또 다른 배열이나 값을 합쳐서 새로운 배열을 만든다. 기존 배열의 값에는 영향을 주지 않는다.
2. join() : 배열의 요소들을 연결해서 나열하는 함수이다. 각 요소 사이에 넣을 구분 기호를 직접 지정할 수 있다.
3. push() : 배열의 맨 끝에 새 요소를 추가한 후 배열 요소의 개수를 반환한다.
4. unshift() : 배열의 맨 앞에 새 요소를 추가한 후 배열 요소의 개수를 반환한다.
5. pop() : 배열의 맨 뒤에 있는 요소를 삭제한 후 그 요소를 반환한다.
6. shift() : 배열의 맨 앞에 있는 요소를 삭제한 후 그 요소를 반환한다.
7. splice() : 괄호 안 인수에 따라 일정 구간의 요소를 삭제하고 새로운 요소를 추가한 후 삭제된 요소들로 이루어진 배열을 반환한다.
   1. 인수가 1개인 경우 : 인수는 그 배열의 인덱스 값을 가리킨다. 인수가 가리키는 인덱스의 요소부터 배열의 마지막 요소까지 삭제한다.
   2. 인수가 2개인 경우 : 첫 번째 인수는 인덱스 값, 두 번째 인수는 삭제할 개수를 가리킨다.
   3. 인수가 3개인 경우 : 세 번째 인수부터는 앞서 삭제한 위치에 새로 추가할 요소를 지정한다. 여러 개의 요소를 추가할 때는 세 번째 인수부터 차례대로 나열한다.
8. slice() : 시작 인덱스와 끝 인덱스를 지정해 그 사이의 요소를 꺼낸다. 시작 인덱스만 지정할 경우 시작 인덱스부터 배열의 마지막까지, 끝 인덱스를 지정할 경우 끝 인덱스 미만까지 추출한다.