1. 배열의 메서드 - PUSH(), POP()

---

(1) PUSH 메서드

: 배열 끝의 항목을 추가해준다.

(2) POP 메서드

: 배열 끝의 항목을 제거해준다.

---

push 예시 1) 인덱스로 추가하기

# 포토라인에 철수, 영희 다음으로 '동수'를 맨 끝자리에 추가시켜보자.

let photoLine = ['철수', '영희', '미진', '수현']

photoLine[2] = '동수'
"동수"

photoLine
> ["철수", "영희", "미진", "수현", "동수"]

push 예시 2) push 메서드로 추가하기

# 포토라인에 철수, 영희, 미진, 수현 다음으로 '동수'를 맨 끝자리에 추가시켜보자.

let photoLine = ["철수", "영희", "미진", "수현"]

photoLine.push('동수')
> 	// 추가된 요소의 갯수를 나타냄.
5

photoLine
> ["철수", "영희", "미진", "수현", "동수"]

배열은 변수에 메서드를 사용하면 변수를 업데이트(반환)하고 배열의 새 length를 반환해준다.
# 물론 2개이상 추가도 가능하다.

---

POP 예시 1) pop 메서드로 마지막 요소 삭제하기

# 포토라인에 선 동수가 화장실을 가느라 빠진 상황을 배열로 표현하기.

photoLine
> ["철수", "영희", "미진", "수현", "동수"]

photoLien.pop() // POP 메서드에는 인수가 필요하지 않다. 그저 배열의 맨 마지막 요소를 우리에게 할당시켜준다.
"동수"

photoLine
> ["철수", "영희", "미진", "수현"]

# 최종 포토라인 명단 ( '수현'도 나간다면?)
let finPhotoline = photoLine.pop()

finPhotoline
"수현"

photoLine
> ["철수", "영희", "미진"]

2. 배열의 메서드 - Shift, Unshift

---

(1) SHIFT 메서드

: 배열이 시작되는 요소를 삭제해준다.

(2) UNSHIFT 메서드

: 배열이 시작되는 부분에 요소를 추가해준다.

---

SHIFT 예시 1) shift 메서드로 첫번째 요소 삭제하기

# 철수가 급한 일이 생겨 자리를 이탈한 상황!

photoLine
> ["철수", "영희", "미진"]

photoLine.shift()
"철수"

photoLine
> ["영희", "미진"]

UNSHIFT 예시 1) unshift 메서드로 첫번째 요소 추가하기

# 영화관 대기 줄에 VIP가 입장하여 맨 앞으로 입장하게 된 상황!

photoLine
> ["영희", "미진"]

photoLine.unshift('VIP')
> 3

photoLine
> ["VIP", "영희", "미진"]

---

결론:

Push와 Pop은 끝에 작용한다. (push - 맨 끝에 요소 추가 / pop - 맨 끝에 요소 제거)
Shift와 Unshift는 시작에 작용한다. (shift - 맨 앞의 요소 삭제 / unshift - 맨 앞의 요소 추가)

---