站長資訊網(wǎng)在上一篇文章《JavaScript限制輸入框只允許整數(shù)和小數(shù)點（兩種方法）》中給大家介紹了怎么用javascript實現(xiàn)限制輸入框只允許整數(shù)和小數(shù)點，感興趣的朋友可以去學(xué)習(xí)了解一下~
本文將要講解的內(nèi)容則是教大家如何使用JavaScript從數(shù)組中刪除最后一項。
下面我將通過3個示例來講解使用JavaScript從數(shù)組中刪除最后一項的方法：
第一個示例代碼：
注：此示例使用splice() 方法從數(shù)組中刪除最后一項。
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body style="text-align:center;" id="body"> <h1 style="color:red;"> PHP中文網(wǎng) </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 = "刪除后的數(shù)組 = [" + array + "]"; } </script> </body> </html>
運行結(jié)果如下：
-
JavaScript Array splice() 方法向/從數(shù)組中添加/刪除項目，然后返回被刪除的項目；該方法會改變原始數(shù)組。
第二個示例代碼：
注：此示例使用pop() 方法從數(shù)組中刪除最后一項。
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body style="text-align:center;" id="body"> <h1 style="color:orange;"> PHP中文網(wǎng) </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 = "刪除后的數(shù)組 = [" + array + "]"; } </script> </body> </html>
運行結(jié)果如下：
-
JavaScript Array pop()方法將刪除 arrayObject 的最后一個元素，把數(shù)組長度減 1，并且返回它刪除的元素的值。如果數(shù)組已經(jīng)為空，則 pop() 不改變數(shù)組，并返回 undefined 值。
第三個代碼示例：
注：此示例不會從數(shù)組中刪除最后一項，而是使用slice() 方法返回一個已刪除項的新數(shù)組。
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body style="text-align:center;" id="body"> <h1 style="color:pink;"> PHP中文網(wǎng) </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 = "刪除后的數(shù)組 = [" + array.slice(0, -1) + "]"; } </script> </body> </html>
運行結(jié)果如下：
-
JavaScript Array slice() 方法可從已有的數(shù)組中返回選定的元素，slice()方法可提取字符串的某個部分，并以新的字符串返回被提取的部分； slice() 方法不會改變原始數(shù)組。
最后給大家推薦《JavaScript基礎(chǔ)教程》~歡迎大家學(xué)習(xí)~
