【JavaScript 教程】第六章 数组20—pop() :从数组末尾删除一个元素
来源 | 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 教程】第六章 数组19—unshift() :将一个或多个元素添加到数组的开头
【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类型
学习更多技能
请点击下方公众号