Array.pop()Array.shift() 둘 다 배열을 제거한다.

하지만 pop는 뒤에서 제거하고 shift는 앞에서 제거한다.

 

push(), unshift()와 반대되는 매서드들이다.

 

pop

 

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/pop

 

Array.prototype.pop() - JavaScript | MDN

Array.prototype.pop() pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project,

developer.mozilla.org

const numbers = [1, 2, 3, 4, 5];
const last = numbers.pop();

console.log(last); // 5
console.log(numbers); // [1, 2, 3, 4]

// 추가적으로 pop을 이용하면 배열을 제거 할수도 있다.

const numbers2 = [1, 2, 3, 4, 5];
while(numbers2.length > 0) {
   numbers2.pop();
}

console.log(numbers2); // []

 

shift

 

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/shift

 

Array.prototype.shift() - JavaScript | MDN

Array.prototype.shift() shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다. 이 메서드는 배열의 길이를 변하게 합니다. The source for this interactive example is stored in a GitHub repos

developer.mozilla.org

const numbers = [1, 2, 3, 4, 5];
const first = numbers.shift();

console.log(first); // 1
console.log(numbers); // [2, 3, 4, 5]