[JS] 배열(Array) 기초

1. 배열이란?

 

순서가 있는 값을 말하고 대괄호(square bracket)를 이용하여 만들 수 있다.

 

값: 요소(element)

순서: 인덱스(index)

let num = [12, 21, 34, 46, 59]

대괄호 안의 하나하나의 값들을 요소라고 한다.

배열의 특징 중 하나는 인덱스(순서)의 기준이 1이 아닌 0이라는 점이다.

그렇기 때문에 아래와 같이 표현할 수 있다.

num[2] === 34

그리고 만약에 2번 인덱스의 번호를 변경하려고 하면 아래와 같은 방법으로 진행하면 된다.

num[2] = 99;
consoloe.log(num); // 결과값 [12, 21, 99, 46, 59];

또한 배열 안에 배열이 존재하는 경우가 있다.

이럴 경우에 내부 배열에 접근하는 방법은 다음과 같다.

let num = [
  [11, 12],
  [14, 21],
  [54, 43]
];

console.log(num[1][1]); // 결과값 21

위와 같이 외부 배열에 먼저 접근한 후 다시 대괄호를 사용해 내부 배열에 접근하면 된다.

 

---

2. 배열인지 아닌지 확인하는 방법(Array.isArray 활용)

let arr = [1, 2, 3];
let num = 123;
let str = 'oneTwoThree'

Array.isArray(arr) // 결과값 true;
Array.isArray(num) // 결과값 false;
Array.isArray(str) // 결과값 false;
Array.isArray(true) // 결과값 false;

---

3. 배열 요소 추가 & 삭제하는 방법( push, pop 활용)

let num = [1, 2, 3, 4, 5]

num.push(6) // 결과값 [1, 2, 3, 4, 5, 6]
num.push(9) // 결과값 [1, 2, 3, 4, 5, 6, 9]

num.pop() // 결과값 [1, 2, 3, 4, 5, 6]
num.pop() // 결과값 [1, 2, 3, 4, 5]

num.unshift(99) // 결과값 [99, 1, 2, 3, 4, 5]
num.shift() // 결과값 [1, 2, 3, 4, 5]

위와 같이 push와 pop은 배열 맨 뒤에 요소를 추가하거나 삭제를 할 수 있다.

unshift와 shift는 배열 맨 앞에 요소를 추가하거나 삭제할 수 있다.

 

다만 위의 결과값은 num의 변화된 결과값이다.

실제로 위의 예시에서 num.push(6)을 console.log로 돌려보면 6이 나온다는 것을 알 수 있다.