2025年数组方法pop和push（数组的push和pop）

科技前沿 • 2025-05-09 20:18 • 阅读 71

大家好，我是讯享网，很高兴认识大家。

讯享网

来源 | 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); // 30console.log(numbers.length); // 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);

输出：

 
 
   
  
  
    
   
    
     
     
    
   讯享网undefined0

对类数组对象使用 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&nbsp;greting&nbsp;=&nbsp;greetings.removeLast();

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

 
 
   
  
  
    
   
    
     
     
    
   讯享网console.log(greting);console.log(greetings);

总结

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

相关教程

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

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

2025年数组方法pop和push（数组的push和pop）

相关推荐