js 数组 pop|极客教程

js 数组 pop

在 JavaScript 中，数组是一种用来存储多个元素的数据结构。数组可以动态增加或删除元素，其中pop()方法是用于删除数组的最后一个元素并返回该元素。本文将详细介绍pop()方法的使用及示例。

语法

pop()方法的语法如下所示：

array.pop()

其中，array是指调用pop()方法的数组对象。

返回值

pop()方法将删除的数组的最后一个元素作为返回值。如果数组为空，则返回undefined。

示例

下面是一个简单的示例，展示如何使用pop()方法删除数组的最后一个元素：

let fruits = ["apple", "banana", "orange"];

let lastFruit = fruits.pop();

console.log(lastFruit); // 输出："orange"
console.log(fruits); // 输出：["apple", "banana"]

在上面的示例中，首先定义了一个包含三种水果的数组fruits。然后使用pop()方法删除数组的最后一个元素，并分别将删除的元素和修改后的数组输出到控制台。

注意事项

pop()方法会修改原始数组，并返回删除的元素。
如果数组为空，pop()方法将返回undefined。
在空数组上调用pop()方法将不会报错，但返回值为undefined。

进阶示例

下面是一个稍微复杂一些的示例，展示如何使用pop()方法实现一个简单的栈（先进后出）数据结构：

class Stack {
  constructor() {
    this.items = [];
  }

  push(item) {
    this.items.push(item);
  }

  pop() {
    return this.items.pop();
  }

  peek() {
    return this.items[this.items.length - 1];
  }

  isEmpty() {
    return this.items.length === 0;
  }

  print() {
    console.log(this.items);
  }
}

let stack = new Stack();
stack.push(1);
stack.push(2);
stack.push(3);

console.log(stack.pop()); // 输出：3
console.log(stack.peek()); // 输出：2
console.log(stack.isEmpty()); // 输出：false
stack.print(); // 输出：[1, 2]