배열은 순서가 있는 요소의 목록을 가지는 자료구조입니다.
이 포스트에서는 자바스크립트를 사용하여 배열을 생성하는 4 가지 방법을 알아보겠습니다.
Table of Contents
할당 연산자로 배열 생성
자바스크립트에서 가장 일반적으로 배열을 만드는 방법은 다음과 같이 배열 변수를 할당하는 것 입니다:
const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];
console.log(books);
개발자 도구를 켜고 console.log() 메소드를 사용하여 배열 값을 확인하면 4 개의 요소를 가진 배열이 생성된 것을 확인할 수 있습니다.
new 연산자와 Array 생성자로 배열 생성
배열을 만드는 다른 방법은 new 키워드와 Array 생성자를 사용하는 것 입니다.
다음은 기본 문법 구문입니다:
new Array();괄호안에 숫자 매개변수를 전달하면 만들어질 배열의 길이를 설정할 수 있습니다.
다음의 예제 코드로 길이가 3이고 빈 슬롯을 가지는 배열을 만들어 보겠습니다:
new Array(3)
다음과 같이 새로 만들어진 객체에 length 속성을 사용하면 3을 리턴합니다.
하지만 배열의 요소에 접근하려 하면 모든 슬롯이 비어있기 때문에 undefined를 리턴합니다.
배열 요소의 값을 초기화 하려면 배열 생성 시 매개변수 목록을 전달하면 됩니다.
let myFavoriteFoods = new Array("pizza", "ice cream", "salad");
console.log(myFavoriteFoods);
console.log(myFavoriteFoods.length);
console.log(myFavoriteFoods[1]);
Array.of()로 배열 생성
배열을 만드는 또 다른 방법은 Array.of() 메소드를 사용하는 것입니다. 이 메소드는 임의 개의 인수를 사용하여 새 배열 인스턴스를 만듭니다.
기본 문법 구문은 다음과 같습니다:
Array.of();이전 섹션의 배열 초기화 예제를 Array.of() 메소드를 사용한 버전으로 수정할 수 있습니다:
let myFavoriteFoods = Array.of("pizza", "ice cream", "salad");
console.log(myFavoriteFoods);
console.log(myFavoriteFoods.length);
console.log(myFavoriteFoods[1]);
이 메소드는 Array 생성자를 사용하는 것과 매우 비슷합니다.
하지만 주요 차이점은 생성자에 숫자를 전달하면 배열의 길이를 정했는데 Array.of() 메소드에 숫자를 전달하면 해당 숫자를 포함하는 배열을 생성한다는 점 입니다.
split()으로 문자열에서 배열 생성
split() 메소드의 문법 구문은 다음과 같습니다:
str.split(optional-separator, optional-limit);optional-separator는 문자열의 어느 부분에서 분할을 할지 정하는 패턴입니다.
optional-limit는 문자열을 몇 개 까지 분할할지를 지정합니다.
예를 들어 “I love shinyks” 같은 문자열이 있을 경우 이를 개별 문자로 분할하려면 구분 기호를 전달해야 합니다. 여기서 전달할 구분 기호는 빈 문자열 입니다.
const str = "I love shinyks";
console.log(str.split(""));
생성된 배열에서 공백이 어떻게 처리되었는지 확인해보기 바랍니다.
만일 문자열을 개별 단어로 분할하려면 구분 기호를 공백이 있는 문자열로 전달하면 됩니다.
const str = "I love shinyks";
console.log(str.split(" "));
위의 예제와 같이 구분 기호로 공백이 있는 문자열을 전달하면 전체 문자열에서 공백을 기준으로 분할하여 새로운 배열을 만듭니다.
정리
이 포스트에서는 할당 연산자, Array 생성자, Array.of() 메소드, split() 메소드를 사용하여 배열을 생성하는 방법을 알아봤습니다.