在上一篇文章《JavaScript限制输入框只允许整数和小数点(两种方法)》中给大家介绍了如何使用javascript完成限定文本框只可以整数金额和小数位,感兴趣的朋友可以去学习了解一下~
文中即将讲的具体内容乃是教你如何应用JavaScript从二维数组中删掉最终一项。
下边我们将根据3个实例来介绍应用JavaScript从二维数组中删掉最终一项的办法:
第一个实例编码:
注:此实例应用splice() 方式从二维数组中删掉最终一项。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:red;">
AdminJS
</h1>
<p id="GFG_UP"
style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
删掉最终一项
</button>
<p id="GFG_DOWN"
style="color:red;
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 =
"删掉后二维数组 = [" array "]";
}
</script>
</body>
</html>
运作结论如下所示:
JavaScript Array splice() 方式向/从二维数组中加入/删掉新项目,随后回到被删除项目;此方法可以改变初始二维数组。
第二个实例编码:
注:此实例应用pop() 方式从二维数组中删掉最终一项。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:orange;">
AdminJS
</h1>
<p id="GFG_UP"
style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
删掉最终一项
</button>
<p id="GFG_DOWN"
style="color:orange;
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 =
"删掉后二维数组 = [" array "]";
}
</script>
</body>
</html>
运作结论如下所示:
JavaScript Array pop()方式将删掉 arrayObject 的最后一个元素,把数组长度减 1,而且回到它删除掉原素数值。假如二维数组早已为空,则 pop() 没有改变二维数组,并回到 undefined 值。
第三个编码实例:
注:此实例不容易从二维数组中删掉最终一项,反而是应用slice() 方式回到一个已删除项的二维数组。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:pink;">
AdminJS
</h1>
<p id="GFG_UP"
style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
删掉最终一项
</button>
<p id="GFG_DOWN"
style="color:pink;
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 =
"删掉后二维数组 = [" array.slice(0, -1) "]";
}
</script>
</body>
</html>
运作结论如下所示:
JavaScript Array slice() 方式可以从现有的二维数组中回到选中元素,slice()方式可提取字符串某个一部分,并以全新的字符串数组回到被提取一部分; slice() 方式始终不变初始二维数组。
最终为大家推荐《JavaScript基础教程》~欢迎各位学习培训~
之上就是使用JavaScript从二维数组中删掉最终一项(3种方式)的具体内容,大量欢迎关注AdminJS其他类似文章!