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"
이와 같이 접근한 요소에 다른 값을 대입하여 특정 위치의 값을 바꿀 수 있다.
배열 전체요소에 엑세스 할 수 있다.
'Front > Javascript' 카테고리의 다른 글
[JavaScript] 객체에 대해 (Objects) (0) | 2021.01.21 |
---|---|
[Javascript] 반복문(for, while) (0) | 2021.01.21 |
[JavaScript] 함수 (Function, return) (0) | 2021.01.21 |
[Javascript] 자바스크립트 함수의 범위 (scope) (0) | 2021.01.21 |
[Javascript] 조건문/분기문 (Conditional Stements, if, else if/switch) (0) | 2021.01.21 |