개요

자바스크립트는 동적 타입 언어로써 배열을 선언하고 사용하는 방법은 다양합니다. 이 글에서는 가장 기본적인 배열 선언 방법부터 다양한 방법을 알아보겠습니다.

기본적인 배열 선언 방법

자바스크립트에서 배열을 선언하려면 다음과 같은 방법을 사용할 수 있습니다.

var array = [];

위 예시는 빈 배열을 선언하는 방법입니다. var array는 배열을 담을 변수를 선언하는 부분이며, []는 배열 리터럴로써 빈 배열을 생성합니다.

값이 있는 배열 선언 방법

배열을 선언할 때 초기 값을 할당하고 싶다면 다음과 같은 방식을 사용할 수 있습니다.

var array = [1, 2, 3];

위 예시는 1, 2, 3 세 개의 요소를 가진 배열을 선언하는 방법입니다. 세 개의 값을 콤마로 구분하여 [] 안에 넣어 줍니다.

배열의 인덱스

자바스크립트 배열은 0부터 시작하는 인덱스를 갖습니다. 따라서 배열의 요소에 접근할 때는 다음과 같이 인덱스를 사용합니다.

var array = [1, 2, 3];
console.log(array[0]); // 1
console.log(array[1]); // 2
console.log(array[2]); // 3

위 예시에서 array[0]은 배열의 첫 번째 요소, array[1]은 두 번째 요소, array[2]는 세 번째 요소를 가져옵니다.

배열의 길이

배열의 길이를 알고 싶을 때는 length 속성을 사용할 수 있습니다.

var array = [1, 2, 3];
console.log(array.length); // 3

위 예시에서 array.length는 배열의 요소의 개수인 3을 반환합니다.

배열의 메서드

자바스크립트 배열은 다양한 메서드를 제공하여 배열을 조작할 수 있습니다. 일부 유용한 메서드의 예시를 살펴보겠습니다.

push()

배열의 마지막에 요소를 추가합니다.

var array = [1, 2, 3];
array.push(4);
console.log(array); // [1, 2, 3, 4]

pop()

배열의 마지막 요소를 제거합니다.

var array = [1, 2, 3];
var removedElement = array.pop();
console.log(array); // [1, 2]
console.log(removedElement); // 3

join()

배열의 모든 요소를 문자열로 이어줍니다.

var array = [1, 2, 3];
var joinedString = array.join("-");
console.log(joinedString); // "1-2-3"

결론

자바스크립트는 다양한 방법으로 배열을 선언하고 사용할 수 있습니다. 기본적인 배열 선언 방법부터 배열의 인덱스, 길이, 메서드까지 살펴보았습니다. 앞으로 자바스크립트 개발을 할 때, 배열을 다룰 때 이러한 방법들을 유용하게 사용하시기 바랍니다.