JavaScript : push(), pop(), unshift(), shift() 매서드 사용법

JavaScript에서 배열의 맨 앞/뒤의 요소를 추가/삭제 하는 방법을 알아보자

push() : 배열의 마지막에 새로운 요소들을 추가하고 배열의 길이를 반환함

arr.push(element);
let arr = [1, 2, 3]
let afterPushLength = arr.push(5);

// arr === [1, 2, 3, 5]
// afterPushLength === 4

pop() : 배열의 마지막 요소를 제거하고 그 요소를 반환함

arr.pop()
let arr = [1, 2, 3]
let popped = arr.pop()

// arr === [1, 2]
// popped === 3

unshift() : 배열의 맨 앞에 새로운 요소를 추가하고 배열의 길이를 반환함

arr.unshift(element);
let arr = [2, 3, 5]
let afterUnshiftLength = arr.unshift(1)

// arr === [1, 2, 3, 5]
// afterUnshiftLength === 4

shift() : 배열의 첫번째 요소를 제거하고 그 요소를 반환함

arr.shift();
let arr = [1, 2, 3]
let shifted = arr.shift()

// arr === [2, 3]
// shifted === 1

유의할 점

• 네 메소드 모두 기존의 배열을 변경한다. 기존 배열을 변경하면 안되는 경우에는 사용에 주의한다.
• 배열의 요소를 추가/삭제를 한 후 일정한 결과를 반환한다.
  • 요소를 추가하는 경우 : 배열의 길이를 반환
  • 요소를 삭제하는 경우 : 제거한 요소를 반환