任务是从阵列中删除最后一项。这里是讨论的一些最优选的方法。
首先要了解的几个功能。
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 >
输出如下:
在单击按钮之前:
文章图片
单击按钮后:
文章图片
示例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 >
输出如下:
在单击按钮之前:
文章图片
单击按钮后:
文章图片
示例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 >
输出如下:
在单击按钮之前:
文章图片
单击按钮后:
文章图片
推荐阅读
- 算法题(如何从列标题中查找Excel列号())
- Python MySQL如何使用select查询(代码示例)
- 如何从Python中的列表中删除多个元素(完整实现)
- Golang如何使用结构体指针(代码示例)
- JavaScript如何使用导入和导出模块(代码示例)
- 代码转换器– BCD(8421)到/从Excess-3
- Win8.1系统还原后提示Windows无法激活的处理方案
- Win8.1下载软件一直提示缺少“ATL100.DLL”文件如何处理?
- 如何查看Win8.1系统的正版授权?