Javascript(자바스크립트) 배열 만들기

# 배열

배열은 데이터의 집합이라고 할 수 있다. 자바스크립트는 다른 언어와 다르게 동적으로 배열이 정해지기 때문에 처음 생성할때 배열의 길이를 지정할 필요가 없고 또한 한 배열 내에 있는 데이터의 타입이 서로 달라도 상관없다.

배열 안에 있는 데이터를 요소(elemetal)이라고 하고 배열의 위치를 가리키는 숫자를 인덱스(index)라고 한다. 인덱스는 0부터 시작하며 숫자뿐만 아니라 문자로 지정하는 것도 가능하다.

let arr = [];

 

배열은 다음과 같이 생성할 수 있으며  아래와 같은 방법으로 배열에 요소를 집어 넣을 수 있다.

arr[index_Number] = elemental; // index를 이용하여 요소를 넣는 방법
arr.push(elemental); // 메서드를 이용하여 요소를 넣는 방법

 

첫번째 방법은 가장 일반적이고 다른 언어에서도 많이 쓰이는 방법 특정 인덱스에 요소를 넣는 방법이다. 자바스크립트에서 배열의 길이는 동적으로 생성되기 때문에 어떤 숫자를 넣어도 해당 숫자 만큼 배열의 길이가 늘어나 값이 들어가게 된다.

두번째 방법은 push 메서드를 이용하는 방법으로 가장 마지막 요소 바로 뒤에 새로운 요소가 들어가게 된다.

arr[4] = "javascript";

 

만약 다음과 같이 요소를 추가하게 되면 배열에는

[undefined, undefined, undefined, undefined, "javascript"] 와 같이 요소가 들어가게 되는데 이때 push 메서드를 쓰면  [undefined, undefined, undefined, undefined, "javascript", 새로 추가된 요소 ] 다음과 같이 추가되는 식이다.

 

#응용

for문을 이용하여 배열에 반복되는 숫자 집어 넣기

let arr = [];
for(let i = 0; i < 5; i++) {
	arr[i] = i;
    }

 

다음과 같이 작성하면 arr 배열의 i번째 인덱스에 i가 들어가게 만들 수 있다.