Array.prototype.pop()

BaselineWidely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

pop() 메서드는Array 인스턴스의 메서드로,배열에서 마지막 요소를 제거하고 그 요소를 반환합니다.이 메서드는 배열의 길이를 변경합니다.

시도해 보기

const plants = ["broccoli", "cauliflower", "cabbage", "kale", "tomato"];console.log(plants.pop());// Expected output: "tomato"console.log(plants);// Expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"]plants.pop();console.log(plants);// Expected output: Array ["broccoli", "cauliflower", "cabbage"]

구문

pop()

매개변수

없음.

반환 값

배열에서 제거한 요소. 빈 배열의 경우undefined 를 반환합니다.

설명

pop() 메서드는 배열에서 마지막 요소를 제거하고 그 값을 호출자에게 반환합니다. 빈 배열에서pop()을 호출하면undefined를 반환합니다.

Array.prototype.shift()는pop()과 유사한 동작을 하지만 배열의 첫 번째 요소에 적용됩니다.

pop() 메서드는 배열을 변경시키는 메서드입니다.this의 길이와 내용을 변경합니다.this의 값을 그대로 유지하면서 마지막 요소가 제거된 새 배열을 반환하고 싶다면 대신arr.slice(0, -1)을 사용할 수 있습니다.

pop() 메서드는범용 메서드입니다.this 값이length 속성과 정수 키 속성만 있으면 됩니다. 문자열도 배열과 유사하지만, 문자열은 불변이기 때문에 이 메서드를 문자열에 적용하는 것은 적절하지 않습니다.

예제

배열의 마지막 요소 제거

다음 코드는 4개의 요소가 있는myFish 배열을 생성하고 마지막 요소를 제거합니다.

const myFish = ["angel", "clown", "mandarin", "sturgeon"];const popped = myFish.pop();console.log(myFish); // ['angel', 'clown', 'mandarin' ]console.log(popped); // 'sturgeon'

배열이 아닌 객체에 pop() 호출하기

pop() 메서드는this의length 속성을 읽습니다.정규화된 길이가 0이면length는 다시0으로 설정됩니다(이전에는 음수나undefined일 수 있음). 그렇지 않으면length - 1 위치의 속성이 반환되고삭제됩니다.

const arrayLike = {  length: 3,  unrelated: "foo",  2: 4,};console.log(Array.prototype.pop.call(arrayLike));// 4console.log(arrayLike);// { length: 2, unrelated: 'foo' }const plainObj = {};// length 속성이 없으므로, length는 0입니다Array.prototype.pop.call(plainObj);console.log(plainObj);// { length: 0 }

객체를 배열과 유사하게 사용하기

push와pop은 의도적으로 범용 메서드로 설계되었으며, 다음 예제에서 볼 수 있듯이 이를 이용할 수 있습니다.

이 예제에서는 객체의 컬렉션을 저장하기 위해 배열을 만들지 않습니다. 대신, 컬렉션을 객체 자체에 저장하고Array.prototype.push와Array.prototype.pop에call을 사용하여 마치 배열을 다루는 것처럼 속입니다.

const collection = {  length: 0,  addElements(...elements) {    // obj.length는 요소가 추가될 때마다    // 자동적으로 증가합니다.    // push가 반환한 값인    // 길이 속성의 새 값을 반환합니다.    return [].push.call(this, ...elements);  },  removeElement() {    // obj.length은 요소가 제거될 때마다    // 자동으로 감소합니다.    // pop이 반환한 값인    // 삭제된 요소를 반환합니다.    return [].pop.call(this);  },};collection.addElements(10, 20, 30);console.log(collection.length); // 3collection.removeElement();console.log(collection.length); // 2