JavaScript如何从数组中删除最后一项?

2021年3月30日10:16:25 发表评论 850 次浏览

任务是从阵列中删除最后一项。这里是讨论的一些最优选的方法。

首先要了解的几个功能。

JavaScript Array splice()方法

此方法向数组添加/从数组删除项目, 并返回删除的项目。

语法如下:

array.splice(index, number, item1, ....., itemN)

参数:

  • 指数:此参数是必需的。它指定要添加/删除项目的位置处的整数, 负值用于指定从数组末尾开始的位置。
  • 数:此参数是可选的。它指定要删除的项目数。 0表示什么也不能删除。
  • item1, ….., itemN:此参数是可选的。这指定要添加到的新项目
    数组。

返回值:

返回具有删除项的新Array。

JavaScript Array slice()方法

此方法返回一个包含选定元素的新数组。

此方法选择从给定的start参数开始到结束但不包括给定的end参数的元素。

语法如下:

array.slice(start, end)

参数:

  • start:此参数是可选的。它指定从其开始选择的整数(第一个元素位于索引0)。负数用于从数组末尾选择。如果不使用, 它的作用类似于" 0"
  • end:此参数是可选的。它指定从何处结束选择的整数。如果不使用, 则从数组开头到结尾的所有元素都将包含在选择中。负数用于从结尾选择。

返回值:

返回具有选定项目的新Array。

JavaScript数组pop()方法

此方法删除数组的最后一个元素并返回该元素。

语法如下:

array.pop()

返回值:

它返回删除的数组项。数组项可以是字符串, 数字, 数组, 布尔值或数组中适用的任何其他对象类型。

示例1:本示例使用以下命令从数组中删除最后一项splice()方法.

<!DOCTYPE HTML>
< html >
  
< head >
     < title >
         JavaScript 
       | Remove last item from array.
     </ title >
</ head >
  
< body style = "text-align:center;"
       id = "body" >
     < h1 style = "color:green;" >  
             lsbin  
         </ h1 >
     < p id = "GFG_UP"
        style = "font-size: 16px;" >
     </ p >
     < button onclick = "gfg_Run()" >
         remove
     </ button >
     < p id = "GFG_DOWN"
        style="color:green; 
               font-size: 20px;
               font-weight: bold;">
     </ p >
     < script >
         var el_up = 
             document.getElementById("GFG_UP");
         var el_down = 
             document.getElementById("GFG_DOWN");
         var array = [34, 24, 31, 48];
         el_up.innerHTML = "Array = [" + array + "]";
  
         function gfg_Run() {
             array.splice(-1, 1);
             el_down.innerHTML = 
               "Remaining array = [" + array + "]";
         }
     </ script >
</ body >
  
</ html >

输出如下:

在单击按钮之前:

JavaScript如何从数组中删除最后一项1

单击按钮后:

JavaScript如何从数组中删除最后一项2

示例2:本示例使用以下命令从数组中删除最后一项pop()方法.

<!DOCTYPE HTML>
< html >
  
< head >
     < title >
         JavaScript 
       | Remove last item from array.
     </ title >
</ head >
  
< body style = "text-align:center;" 
       id = "body" >
     < h1 style = "color:green;" >  
             lsbin  
         </ h1 >
     < p id = "GFG_UP" 
        style = "font-size: 16px;" >
     </ p >
     < button onclick = "gfg_Run()" >
         remove
     </ button >
     < p id = "GFG_DOWN" 
        style="color:green;
               font-size: 20px; 
               font-weight: bold;">
     </ p >
     < script >
         var el_up = 
             document.getElementById("GFG_UP");
         var el_down = 
             document.getElementById("GFG_DOWN");
         var array = [34, 24, 31, 48];
         el_up.innerHTML = "Array = [" + array + "]";
  
         function gfg_Run() {
             array.pop();
             el_down.innerHTML = 
               "Remaining array = [" + array + "]";
         }
     </ script >
</ body >
  
</ html >

输出如下:

在单击按钮之前:

JavaScript如何从数组中删除最后一项3

单击按钮后:

JavaScript如何从数组中删除最后一项4

示例3:本示例不会从数组中删除最后一个项目, 而是使用以下命令返回一个删除了该项目的新数组splice()方法.

<!DOCTYPE HTML>
< html >
  
< head >
     < title >
         JavaScript 
       | Remove last item from array.
     </ title >
</ head >
  
< body style = "text-align:center;"
       id = "body" >
     < h1 style = "color:green;" >  
             lsbin  
         </ h1 >
     < p id = "GFG_UP" 
        style = "font-size: 16px;" >
     </ p >
     < button onclick = "gfg_Run()" >
         remove
     </ button >
     < p id = "GFG_DOWN" 
        style="color:green; 
               font-size: 20px; 
               font-weight: bold;">
     </ p >
     < script >
         var el_up = document.getElementById("GFG_UP");
         var el_down = document.getElementById("GFG_DOWN");
         var array = [34, 24, 31, 48];
         el_up.innerHTML = "Array = [" + array + "]";
  
         function gfg_Run() {
             el_down.innerHTML = 
               "Remaining array = [" + array.slice(0, -1) + "]";
         }
     </ script >
</ body >
  
</ html >

输出如下:

在单击按钮之前:

JavaScript如何从数组中删除最后一项5

单击按钮后:

JavaScript如何从数组中删除最后一项6

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: