본문 바로가기

Front/Javascript

[JavaScript] 배열의 생성 (Array)

728x90

배열은 한번에 둘 이상의 값을 보유할 수 있는 특수한 변수이다.

 

var car1 = "Saab";
var car2 = "Volvo";
var car3 = "BMW";

예를들어 단일 변수에 자동차 목록을 저장하면 위와 같이 할 수 있다.

만약 위 3대가 아니라 개수가 300대이상으로 늘어나면 선언과 데이터를 찾을 때 매우 비효율적이게 될것이다.

 

이 때 배열을 이용하여 하나의 변수로 여러 값을 보유하고 엑세스할 수 있다.

 

 


 

배열 생성

1.배열 리터럴 사용

var cars = ["Saab", "Volvo", "BMW"];

배열을 담을 때엔 대괄호로 묶어서 사용하며 이 형태를 배열 리터럴(array literal)이라고 부른다.

이 형태로 배열을 선언하는것이 제일 간단하다.

 

 

 

2. new 키워드 사용

var cars = new Array("Saab", "Volvo", "BMW");

변수에 new Array(값1, 값2..)을 대입하여 변수를 만들 수 있다.

리터럴 사용과의 기능상의 차이는 없으며, 배열 리터를이 조금 더 간소화된 문법이다.

 

자바스크립트에서는 배열을 사용 시 배열 리터럴([])을 사용할 것을 권장 한다.

 

 

자바스크립트의 배열이 갖고있는 다른 언어의 배열과 차별점

  • 배열 내부의 데이터 타입이 서로 다를 수 있다
  • 배열의 크기는 동적으로 변경될 수 있다

 


배열 요소에 접근하기

var cars = ["Saab", "Volvo", "BMW"];
var name = cars[0];

배열은 입력된 순서대로 0 부터 순번이 붙으며 위의 코드를 동작시키면

0번째인 "Saab"가 name변수에 저장된다.

 

cars[0] = "Opel"

이와 같이 접근한 요소에 다른 값을 대입하여 특정 위치의 값을 바꿀 수 있다.

 

 

배열 전체요소에 엑세스 할 수 있다.