JavaScript에서 배열(Array)을 생성하는 방법은 여러 가지가 있습니다. 이 글에서는 가장 기본적인 배열 생성 방법부터 실무에서 자주 사용되는 패턴까지 차근차근 살펴보겠습니다.
빈 배열 생성하기
먼저 빈 배열을 만드는 두 가지 방법입니다.
let myArr = [];
let myArr = new Array();
위의 두 코드 모두 빈 배열을 생성합니다. 결과적으로 동일한 작업을 수행하지만, JavaScript 커뮤니티에서는 첫 번째 방식(배열 리터럴)을 선호합니다. 코드가 더 간결하고 읽기 쉬우며, 작성하기도 편리하기 때문입니다.
초기값과 함께 배열 생성하기
배열을 생성하면서 동시에 요소를 채워 넣을 수도 있습니다. 아래의 두 가지 표기법 중 하나를 사용하면 됩니다.
let myArr = ["Mon", "Tue", "Wed", "Thu", "Fri"];
let myArr = new Array("Mon", "Tue", "Wed", "Thu", "Fri");
두 방법 모두 월요일부터 금요일까지의 문자열을 담은 배열을 만듭니다. 역시 첫 번째 리터럴 방식이 더 직관적이라 일반적으로 권장됩니다.
배열 출력하기
생성된 배열은 console.log 문을 사용해 콘솔에 출력할 수 있습니다.
console.log(myArr);
실행하면 다음과 같은 결과가 출력됩니다.
["Mon", "Tue", "Wed", "Thu", "Fri"]
길이를 지정하여 배열 생성하기
자주 사용되지는 않지만, 배열의 길이를 미리 지정해서 생성할 수도 있습니다.
let myArr = new Array(5);
이 코드는 크기가 5인 배열을 생성합니다. 단, 주의할 점이 있습니다. new Array(5)는 숫자 5를 담은 배열이 아니라, 길이가 5이고 내부가 비어 있는(holey) 배열을 만듭니다. 따라서 특정 값으로 초기화하려면 Array(5).fill(0)처럼 fill() 메서드를 함께 사용하는 것이 좋습니다.
참고: 최신 배열 생성 메서드
ES6 이후에는 더 안전하고 명확한 배열 생성 메서드들도 제공됩니다.
Array.of(1, 2, 3)— 전달된 인수들을 요소로 하는 배열을 생성합니다.new Array()와 달리 숫자 하나를 넣어도 길이가 아닌 요소로 처리됩니다.Array.from("abc")— 유사 배열 객체나 반복 가능한 객체를 기반으로 새 배열을 만듭니다.
상황에 맞는 적절한 방법을 선택하면 더 안전하고 가독성 높은 코드를 작성할 수 있습니다.