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

任务是从阵列中删除最后一项。这里是讨论的一些最优选的方法。
首先要了解的几个功能。
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:此参数是可选的。它指定从何处结束选择的整数。如果不使用, 则从数组开头到结尾的所有元素都将包含在选择中。负数用于从结尾选择。
返回值:
【JavaScript如何从数组中删除最后一项()】返回具有选定项目的新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如何从数组中删除最后一项()

文章图片
单击按钮后:
JavaScript如何从数组中删除最后一项()

文章图片
示例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如何从数组中删除最后一项()

文章图片
单击按钮后:
JavaScript如何从数组中删除最后一项()

文章图片
示例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如何从数组中删除最后一项()

文章图片
单击按钮后:
JavaScript如何从数组中删除最后一项()

文章图片

    推荐阅读