4. 배열

배열은 하나의 변수에 여러가지 데이터를 담을 수 있는 자료형이다.

let num1 = 10;
let num2 = 20;
let num3 - 30;

// vs

let num = [10, 20, 30];

자 어느게 더 편해 보이는가?
당연 아래의 것이 더 편할 것이다.

변수 3개를 할당하는 것보다 배열 하나 만들어
해당 배열에 여러가지의 데이터를 담을 수 있기 때문이다.

배열 생성 방법은 아래와 같다.

let <배열 이름> = [<데이터들>, ...];

//ex
let data = [10, 'asdf', 10.5];

4-1 배열 요소 접근

이렇게 배열을 생성하고 데이터를 넣었으면 여기에 대한 데이터들을 어떻게 접근할까?

let data = [10, 20, 30];
data[0] // 10
data[1] // 20
data[2] // 30

이와 같이 <배열 이름>[<인덱스 번호>] 으로 배열 데이터에 접근을 할 수 있으며

let data = [10, 20, 30];
data[1] = 50;
console.log(data) // [10, 50, 30]

이처럼 요소에 접근하여 다른 데이터로 변경도 가능하다.

4-2 배열 관련 함수

배열을 사용함에 따라 배열 관련된 함수를 쓸 수 있는데
많은 것들 중 4가지만 소개하고자 한다.

• push
• pop
• shift
• unshift

push

push는 배열의 맨 뒤에 데이터를 추가시키는 함수이다.

let data = [0];
data.push(1);
console.log(data); // [0, 1]

pop

pop은 배열의 맨 뒤의 데이터를 빼내는 함수이다.

let data = [0, 1, 2];
let tmp = data.pop();
console.log(tmp, data); // 2 [0, 1]

shift

shift는 배열의 맨 앞의 데이터를 빼내는 함수이다.

let data = [0, 1, 2];
let tmp = data.shift();
console.log(tmp, data); // 0 [1, 2]

unshift

unshift는 배열의 맨 앞에 데이터를 추가시키는 함수이다.

let data = [0];
data.unshift(1);
console.log(data); // [1, 0]

4-3 배열에서의 반복

배열에서 반복문을 사용하여 순차대로 접근하려면 이와 같은 코드를 쓸 것이다.

let data = [0, 1, 2];
for(let i = 0; i < data.length; i++) {
  console.log(data[i]);
}
// output
// 0
// 1
// 2

하지만 이것보다 더 간결하게 쓸 수 있는데
for ( <변수> of <배열 변수> ) 이다.

let data = [3, 2, 1];
for ( let d of data ) {
  console.log(d);
}
// output
// 3
// 2
// 1