[자바스크립트] 배열, Array 객체

배열 (Array)

자바스크립트에서 배열은 숫자, 문자열, 개체 또는 다른 배열과 같은 모든 데이터 유형일 수 있는 요소 모음을 나타내는 내장 개체입니다. 배열을 사용하면 단일 변수 이름으로 여러 값을 저장하고 구성할 수 있으므로 데이터 목록 작업이 더 쉬워집니다.

배열은 자바스크립트에서 자주 사용하는 자료형이기 때문에 미리 프로토타입 객체로 만들어져 있습니다. 

 

Array 객체로 배열 만들기

자바스크립트에서는 배열을 쉽게 만들고 다룰 수 있게 미리 Array 객체가 만들어져 있습니다. 

 

아래 소스를 보면서 설명하겠습니다.

이 소스는 Array 객체의 인스턴스를 만든 후 myArray 변수에 저장한 소스입니다. 빈 괄호를 사용하면 배열 요소의 개수가 고정되지 않기 때문에 myArray 배열에 많은 자료를 저장할 수 있습니다. 

 

초깃값이 있는 배열이라면 아래와 같은 형태로 리터럴을 사용하여 배열을 만들 수도 있습니다.

이 소스를 Array 객체를 사용해서 배열로 만든다면 아래 소스처럼 만들 수 있습니다.

 

배열에서 for문 사용하기

배열에서 for문을 사용하여 배열의 요소를 반복할 수 있습니다. 'for' 루프를 사용하면 배열의 각 요소에 대해 하나씩 특정 작업을 수행할 수 있습니다. 배열과 함께 for 루프를 사용하기 위한 기본 구문은 다음과 같습니다.

배열에 대한 for 루프의 구성 요소를 살펴보겠습니다.

1. let i = 0;: 루프 카운터 변수 i를 초기화하고 배열의 첫 번째 요소 인덱스를 나타내는 0으로 설정합니다.
2. i < myArray.length;: 루프 카운터 i가 배열의 length 속성(myArray.length)보다 작은 한 루프가 계속됩니다. 배열 인덱스는 0부터 시작하므로 마지막 인덱스는 myArray.length - 1이 되므로 이 조건은 유효한 인덱스 범위를 벗어나지 않도록 합니다.
3. i++: 루프가 반복될 때마다 루프 카운터 i는 사후 증가 연산자 ++를 사용하여 1씩 증가합니다.

간단한 실습을 통해서 자세히 알아보겠습니다.

콘솔 창에서 fruits 배열을 만들고 length 속성을 이용하면 fruits 배열에 몇 개의 요소가 있는지 확인할 수 있습니다.

fruits 배열에 3개의 요소가 있기 때문에 fruits[0]부터 fruits[1], fruits[2] 값을 가져오려면 for문을 사용하여 0부터 2까지 반복하면 됩니다. for문의 인덱스를 0부터 시작해서 'fruits.length -1' 값까지 지정하면 됩니다.

 

이 부분에서 중요한 점은 배열에서 for문을 사용해서 요소들을 순서대로 접근하려면 인덱스 값을 0부터 'length 값 -1'까지 지정해야 한다는 것입니다.

 

감사합니다.

---

틀린 부분이 있거나 더 좋은 내용 훈수 환영합니다!

공감과 댓글 부탁드립니다.