如何在 JavaScript 中删除最后一个数组元素并返回它?
javascriptweb developmentfront end technology更新于 2024/5/17 16:47:00
在本教程中，我们将学习如何在 JavaScript 中删除最后一个数组元素并返回它。
在 JavaScript 中，数组被描述为类似列表的对象。单个数组对象可以存储多个值。数组对象存储在变量中。数组元素存储在内存位置。每个数组元素由其索引值标识。
您必须通过插入元素、删除或更改等方式处理数组。JavaScript 有很多方法来更新数组。让我们看看在 JavaScript 中删除最后一个数组元素的各种方法。
以下是删除最后一个数组元素的方法/函数 -
数组 pop() 方法
数组 splice() 方法
使用数组 pop() 方法
数组 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() 方法返回了从数组中删除的元素并更改了原始数组。
使用数组 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() 用于添加或删除特定索引上的元素。
