如何在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()用于在特定索引处添加或删除元素。

更新于:2022年8月26日

15K+ 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.