如何在 JavaScript 中移除数组的最后一个元素并返回它?
在本教程中,我们将学习如何在 JavaScript 中移除数组的最后一个元素并返回它。
在 JavaScript 中,数组被描述为类似列表的对象。单个数组对象可以存储多个值。数组对象存储在变量中。数组元素存储在内存位置中。每个数组元素都由其索引值标识。
您必须通过插入元素、移除或更改等操作来处理数组。JavaScript 有很多方法来更新数组。让我们看看在 JavaScript 中移除数组最后一个元素的各种方法。
以下是移除最后一个数组元素的方法/函数:
Array pop() 方法
Array splice() 方法
使用 Array pop() 方法
Array 的 **pop()** 方法是用于移除数组中最后一个元素的最简单方法。pop() 方法会从原始数组中返回移除的元素。
语法
下面给出的语法使用 pop() 方法移除数组的最后一个元素。
arr.pop();
这里 **arr** 是原始数组。
示例
在下面给出的示例中,我们使用了 pop() 方法移除数组的最后一个元素。我们使用了两个数组示例,并通过使用 pop() 移除每个数组的最后一个元素。
<html> <head> </head> <body> <h3>Use <i>pop()</i> to remove the last element in an array</h3> <b>Example 1</b> <div id = "output1"></div> <b>Example 2</b> <div id = "output2"></div> <script> let output1 = document.getElementById("output1"); let output2 = document.getElementById("output2"); let output = ""; let arr1=[1,2,3,4,5]; output = "Array before pop(): "+arr1+"<br>"; output = output + "Removed element: "+arr1.pop()+"<br>"; output = output + "Array after pop(): "+arr1; output1.innerHTML = output; let arr2 = ["A","B","C","D","E", "F"]; output = "Array before pop() = "+arr2+"<br>"; output = output + "Removed element = "+arr2.pop()+"<br>"; output = output + "Array after pop() = "+arr2; output2.innerHTML = output; </script> </body> </html>
在以上两个示例中,用户可以看到 pop() 方法从数组中返回了移除的元素,并更改了原始数组。
使用 Array splice() 方法
splice() 方法用于向数组添加或移除元素。
splice() 方法可以更改原始数组。
语法
下面给出的语法使用 splice() 方法移除数组的最后一个元素。
arr.splice(-1) arr.splice(arr.length-1)
这里 **arr** 是原始数组。
示例
在下面给出的示例中,我们使用 splice() 方法移除数组的最后一个元素。我们使用了两个数组示例,并通过使用 splice() 移除每个数组的最后一个元素。
<html> <head> </head> <body> <h2>Use <i>splice()</i> method to remove the last element in an array</h2> <b>Example 1</b> <div id = "output1"></div> <b>Example 2 </b> <div id = "output2"></div> <script> let output1 = document.getElementById("output1"); let output2 = document.getElementById("output2"); let output = ""; let arr1 = [1,2,3,4,5]; output = "Array before splice() = "+ arr1 +"<br>"; output = output + "Output of the method = "+ arr1.splice(-1)+"<br>"; output = output + "The original array = "+arr1; output1.innerHTML = output; let arr2 = ["A","B","C","D","E"]; output = "Array before splice() = "+arr2+"<br>"; output = output+"Output of the method = "+arr2.splice(arr2.length-1)+"<br>"; output = output+"The original array = "+arr2; output2.innerHTML = output; </script> </body> </html>
我们学习了两种方法,可以使用它们来移除 JavaScript 中的最后一个数组元素。在这些方法中,pop() 是移除数组最后一个元素的最简单方法。在实际问题中使用 pop() 方法是最佳实践。
splice() 用于在特定索引上添加或移除元素。
数据结构
网络
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP