[JavaScript] 13. 자바스크립트의 배열(Array)

# 배열 (Array)

배열이란, 데이터의 순서가 있는 집합으로 여러 개의 값들을 저장하는데 사용됩니다.

다음과 같은 방법을 사용해 배열을 선언할 수 있습니다.

const arr01 = new Array();
const arr02 = [];

 

또한, 배열안에는 어떤 값이든 추가해줄 수 있습니다.

const oddNum = [1, 3, 5, 7];
const animal = ["Dog", "Rabbit", "Pig"];
const people = [{name : "송우든"},{name : "먹깨비"},{name : "권수염"}];

// 2차원 배열
const arr2d = [[123],[234],[345],
               [456],[567],[789]];

 

자바스크립트에서 배열의 인덱스는 0부터 시작합니다. 우리는 배열의 인덱스를 이용해 원하는 요소를 가져올 수 있습니다.

이때, 배열의 잘못된 인덱스를 사용한다면 undefined가 반환됩니다.

const oddNum = [1, 3, 5, 7];
const animal = ["Dog", "Rabbit", "Pig"];
const people = [{name : "송우든"},{name : "먹깨비"},{name : "권수염"}];

console.log(oddNum); // [1, 3, 5, 7]
console.log(oddNum[2]); // 5
console.log(animal[1]); // Rabbit
console.log(people[0]); // 송우든
console.log(people[5]); // undefined!! (잘못된 인덱스 사용!)

 

배열의 길이는 length를 사용하여 확인할 수 있습니다.

const oddNum = [1, 3, 5, 7];
const animal = ["Dog", "Rabbit", "Pig"];

console.log(oddNum.length); // 4
console.log(animal.length); // 3

 

# 배열의 추가 및 삭제

배열에 새로운 요소를 추가할 때는 내장 함수 push나 unshift를 사용합니다.

이 두가지 함수의 차이점은 push는 배열의 맨 뒤에 요소를 추가한다면, unshift는 맨 앞에 새로운 요소를 추가합니다.

const animal = ["Dog", "Rabbit", "Pig"];

animal.push("Cat","Tiger"); // 하나이상의 요소 추가 가능!
animal.unshift("Monkey");

console.log(animal); // [ 'Monkey', 'Dog', 'Rabbit', 'Pig', 'Cat' ]

 

배열에 특정 요소를 제거할 때에는 pop 또는 shift를 사용합니다.

pop은 배열의 맨 뒤 요소를 제거한다면, shift는 배열의 맨 앞 요소를 제거해줍니다.

const animal = ["Dog", "Rabbit", "Pig"];

animal.pop();
console.log(animal); // [ 'Dog', 'Rabbit' ]

animal.shift();
console.log(animal); // [ 'Rabbit' ]

 

✓ push와 pop을 사용하면 더 빠르게 배열을 조작할 수 있습니다.