【JavaScript 教程】第六章数组20—pop() ：从数组末尾删除一个元素-CSDN博客

来源 | https://www.javascripttutorial.net/

翻译 | 杨小爱

在今天的文章教程中，我们将一起来学习如何使用 JavaScript Array pop() 方法从数组中删除最后一个元素。

JavaScript Array pop() 方法介绍

Array.prototype.pop() 方法从数组中移除最后一个元素并返回移除的元素，下面是 pop() 方法的语法：

array.pop()

pop() 方法更改数组的长度属性，如果数组为空，pop() 将返回 undefined。

JavaScript pop() 方法示例

让我们举一些使用 pop() 方法的例子。

1) 使用 JavaScript 数组 pop() 方法删除数组的最后一个元素

以下示例使用 pop() 方法删除 numbers 数组的最后一个元素：

const numbers = [10, 20, 30];
const last = numbers.pop();


console.log(last); // 30
console.log(numbers.length); // 2

输出：

30
2

在此示例中，pop() 方法从 numbers 数组中删除数字 30。此外，它会将 numbers 数组的 length 属性的值减小到 2。

下图说明了 pop() 方法的工作原理：

2) 对空数组使用 JavaScript 数组 pop() 方法

以下示例在空数组上调用 pop() 方法。在这种情况下，pop() 方法返回 undefined 并且数组的长度为零：

const numbers = [];
const last = numbers.pop();


console.log(last);
console.log(numbers.length);

输出：

undefined
0

对类数组对象使用 JavaScript pop() 方法

pop() 方法是通用的，因此，你可以使用 call() 或 apply() 来调用类数组对象的 pop() 方法。在内部，pop() 使用类数组对象的长度属性来确定要删除的最后一个元素。

请参见以下示例：

let greetings = {
  0: 'Hi',
  1: 'Hello',
  2: 'Howdy',
  length: 2,
  removeLast() {
    return [].pop.call(this);
  },
};


let greting = greetings.removeLast();


console.log(greting);
console.log(greetings);

输出：

'Howdy'


{
  '0': 'Hi',
  '1': 'Hello',
  length: 2,
  removeLast: [Function: removeLast]
}

这个怎么运作。

首先，定义有以下内容的问候对象：

四个属性 0、1、2 和长度。

一种方法 removeLast() 使用数组的 call() 方法来调用 pop() 方法。

其次，调用 greetings 对象的 removeLast() 方法：

let greting = greetings.removeLast();

第三，将移除的元素（greeting）和greetings对象输出到控制台：

console.log(greting);
console.log(greetings);

总结

使用 pop() 方法删除数组的最后一个元素。
使用 call() 或 apply() 在类数组对象上调用 pop() 方法。

【JavaScript 教程】第六章数组18—push() ：将一个或多个元素添加到数组的末尾

【JavaScript 教程】第六章数组17—flatMap() ：对每个元素执行映射函数并将结果展平

【JavaScript 教程】第六章数组16—flat() ：递归地将数组展平到指定的深度

【JavaScript 教程】第六章数组15—join() ：将所有元素连接成一个字符串

【JavaScript 教程】第六章数组14—reduce() ：将数组的元素减少为一个值

【JavaScript 教程】第六章数组13— forEach() ：遍历数组元素

【JavaScript 教程】第六章数组12— map() ：转换数组元素

【JavaScript 教程】第六章数组11— filter() ：过滤数组中的元素

【JavaScript 教程】第六章数组10— sort() ：对数组中的元素进行排序

【JavaScript 教程】第六章数组09— some() ：检查数组中是否至少有一个元素通过了测试

【JavaScript 教程】第六章数组08— every() ：检查数组中的每个元素是否都通过了测试

【JavaScript 教程】第六章数组07— index() ：在数组中定位一个元素

【JavaScript 教程】第六章数组06— slice() ：复制数组元素

【JavaScript 教程】第六章数组05— splice()：删除、插入和替换

【JavaScript 教程】第六章数组03— Stack ：使用 Array 的push()和pop()方法实现堆栈数据结构

【JavaScript 教程】第六章数组02— Array Length：如何有效地使用数组的长度属性

【JavaScript 教程】第六章数组01— 介绍JavaScript中的Array类型

学习更多技能

请点击下方公众号

【JavaScript 教程】第六章 数组20—pop() ：从数组末尾删除一个元素

【JavaScript 教程】第六章数组20—pop() ：从数组末尾删除一个元素