任务是从阵列中删除最后一项。这里是讨论的一些最优选的方法。
首先要了解的几个功能。
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 >
输出如下:
在单击按钮之前:
单击按钮后:
示例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 >
输出如下:
在单击按钮之前:
单击按钮后: