자바스크립트에서 배열(Array)을 생성하는 방법은 크게 두 가지가 있습니다. 가장 간단하고 널리 사용되는 방법은 대괄호([])를 이용한 배열 리터럴 방식입니다. 아래와 같이 값을 할당하기만 하면 배열이 만들어집니다.
var animals = ["Dog", "Cat", "Tiger"];
new 키워드를 사용한 배열 생성
두 번째 방법은 new 키워드와 함께 Array() 생성자를 사용하는 것입니다.
var animals = new Array("Dog", "Cat", "Tiger");Array 생성자의 매개변수에는 문자열이나 숫자의 목록이 들어갈 수 있습니다. 다만 주의할 점이 있습니다. 숫자 하나만 단독으로 전달하면, 그 값은 요소가 아니라 배열의 초기 길이(length)로 해석됩니다. 예를 들어 new Array(3)은 "Dog" 같은 값이 아니라 길이가 3인 빈 배열을 생성합니다.
또한 자바스크립트 배열의 최대 허용 길이는 4,294,967,295(약 43억)개입니다. 이 범위를 초과하는 길이를 지정하면 RangeError 오류가 발생합니다.
배열 생성 및 정렬 예제
아래는 자바스크립트에서 배열을 생성하고 sort() 메서드로 정렬한 뒤 결과를 출력하는 완전한 HTML 예제입니다.
<html>
<head>
<title>JavaScript Arrays</title>
</head>
<body>
<script>
var arr = new Array("Dog","Cat","Tiger");
var sorted = arr.sort();
document.write("Returned string is : " + sorted );
</script>
</body>
</html>이 코드를 실행하면 배열의 요소들이 알파벳 순서로 정렬되어 화면에 출력됩니다. 실무에서는 코드가 더 간결하고 직관적인 배열 리터럴([]) 방식을 사용하는 것이 일반적으로 권장됩니다.