Heim > Artikel > Web-Frontend > Letztes Element mit JavaScript aus dem Array entfernen (3 Möglichkeiten)
Erster Beispielcode:
Hinweis: In diesem Beispiel wird die Methode splice() verwendet, um das letzte Element aus dem Array-Element zu löschen .<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body style="text-align:center;" id="body"> <h1 style="color:red;"> PHP中文网 </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>Die ausgeführten Ergebnisse sind wie folgt:
Zweiter Beispielcode:
Hinweis: In diesem Beispiel wird die Methode pop() verwendet, um das letzte Element aus dem Array zu entfernen.<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body style="text-align:center;" id="body"> <h1 style="color:orange;"> PHP中文网 </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>Die laufenden Ergebnisse sind wie folgt:
Drittes Codebeispiel:
Hinweis: Dieses Beispiel entfernt nicht das letzte Element aus dem Array, sondern verwendet die Methode „slice()“, um ein neues Array mit entferntem Element zurückzugeben.<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body style="text-align:center;" id="body"> <h1 style="color:pink;"> PHP中文网 </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>Die laufenden Ergebnisse sind wie folgt:
JavaScript Basic Tutorial“ jedem empfehlen ~ Willkommen zum Lernen ~
Das obige ist der detaillierte Inhalt vonLetztes Element mit JavaScript aus dem Array entfernen (3 Möglichkeiten). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!