배열(array)

✔ 1. 배열의 기초

✔ 2. 배열의 생성

✔ 3. 배열의 참조

✔ 4. 배열 요소의 추가

✔ 5. 배열의 순회(iteration)

✔ 6. Array 객체

 

1. 배열의 기초

1) 배열이란?

 - 정의 : 이름과 인덱스로 참조되는 정렬된 값의 집합

 - 배열 요소(element) : 배열을 구성하는 각각의 값들

 - 인덱스(index) : 배열에서의 위치를 가리키는 숫자

 

2) 배열의 특징

 - 배열 요소의 타입이 고정되어 있지 않으며, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있다.

 - 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다.

 - 자바스크립트에서 배열은 Array 객체로 다뤄진다.

 

2. 배열의 생성

- 위의 세 가지 방법은 모두 같은 결과의 배열을 만들어 준다.

- 배열 리터럴은 대괄호([]) 안에 배열 요소를 쉼표로 구분하여 나열하는 방법으로 생성한다.

 

3. 배열의 참조

1) 문법

 - 배열의 각 요소를 참조하고 싶을 때는 [] 연산자를 사용

 - ex) 배열이름[인덱스]

 

2) 배열의 길이

 - 배열 요소의 개수를 배열의 길이라 함

 - length property에 자동으로 갱신됨

 

3) 인덱스(index)

- 항상 0부터 시작

- 인덱스에는 음이 아닌 정수를 반환하는 임의의 표현식도 사용할 수 있다.

- 2의 32승보다 작은 양수만을 사용할 수 있다.

 

4) 배열을 생성하고, 생성된 배열에 요소를 추가하고 삭제하는 예제

- 세 번째 실행문은 배열의 현재 길이보다 더 큰 인덱스에 요소를 저장하려고 함

- 자바스크립트에서는 배열의 길이를 넘는 인덱스에 요소를 저장하는 것을 허용 함

- 이때 배열의 길이는 자동으로 해당 인덱스까지 늘어나게 됨

 

👇위의 예제 결과값

 

4. 배열 요소의 추가

1) 문법

- push() 메소드와 length property를 이용한 방법은 모두 배열의 제일 끝에 새로운 요소를 추가 함

- 배열 arr의 길이는 최종적으로 11이 됨

- 배열 요소가 존재하는 인덱스는 0,1,2,3,4,10뿐이며, 나머지 인덱스에는 배열 요소가 존재하지 않음

- 인덱스에 대응하는 배열 요소가 없는 부분을 배열의 홀(hole)이라고 함

- 이러한 배열의 홀(hole)을 undefined값을 가지는 요소처럼 취급 함

- 위의 예제에서처럼 배열의 홀을 참조하게 되면 undefined값을 반환하게 됨

 

5. 배열의 순회(iteration)

1) 반복문을 이용한 순회

- for : 배열의 모든 요소에 차례대로 접근하고 싶을 때 for문과 같은 반복문을 사용하여 접근

☝ 배열의 순회 결과

6. Array 객체

1) 정의

 - 정렬된 값들의 집합이며, Array 객체로 다뤄 짐

 

2) 예제