Frontend/Javascript

[Javascript] 배열(Array)이란? 배열 선언방법 2가지

oneyenee 2023. 9. 26. 21:51

배열(Array)이란?

  • 배열 (Array) : 이름과 인덱스로 참조되는 정렬된 값의 집합
  • 요소 (Element) : 배열을 구성하는 각각의 값
  • 인덱스 (Index) : 배열에서의 위치를 가리키는 숫자

 

  • 배열의 특징
    • Element의 타입이 고정되어 있지 않다. Element끼리 타입이 서로 다를 수 있다.
    • 배열 요소의 Index가 연속적이지 않아도 된다. 특정 배열 요소는 비어 있을 수도 있다.
    • Array 객체로 다뤄진다.

 

 

배열 선언 방법

1. 대괄호 [ ] 를 사용하여 선언

const arr1 = [];
const arr2 = ['apple', 'banana', 'kiwi'];

대괄호를 이용해 빈 배열을 생성할 수도 있고,

배열을 선언할 때 초기값을 설정해 줄 수도 있다.

 

 

 

2. new Array() 사용하여 선언

const arr1 = new Array();
const arr2 = new Array(3);
const arr3 = new Array('apple','banana','kiwi');

대괄호를 사용해 선언한 것과 동일한 배열을 만들어 낸다.

대괄호 사용이 new Array()를 사용하는 것보다 더 간결하기 때문에, 대괄호 사용을 더 선호한다.

 

  • new Array() 
    • 파라미터로 아무것도 전달하지 않음
    • arr1 = [ ] 와 동일하게 빈 배열을 생성하는 방법

 

  • new Array(3)
    • 파라미터로 정수 1개를 전달
    • arr2 = [ undefined, undefined , undefined ]
    • 길이가 3인 배열을 생성하는 방법.
    • 각 element는 정의되지 않았기 때문에 undefined로 값이 채워진다.

 

  • new Array('apple', 'banana', 'kiwi')
    • 파라미터로 정수 1개가 아닌 여러개의 값을 전달
    • arr3 = [ 'apple', 'banana', 'kiwi' ]
    • 길이가 3이면서 'apple', 'banana', 'kiwi' 를 원소로 하는 배열이 생성