Heim > Web-Frontend > js-Tutorial > Hauptteil

Letztes Element mit JavaScript aus dem Array entfernen (3 Möglichkeiten)

藏色散人
Freigeben: 2021-08-26 15:15:39
Original
10868 Leute haben es durchsucht

Im vorherigen Artikel „JavaScript schränkt das Eingabefeld so ein, dass nur Ganzzahlen und Dezimalpunkte zulässig sind (zwei Methoden)“ habe ich Ihnen vorgestellt, wie Sie mit JavaScript das Eingabefeld so einschränken können, dass nur Ganzzahlen und Dezimalpunkte zulässig sind Erfahren Sie mehr Schauen Sie mal rein~

In diesem Artikel erfahren Sie, wie Sie mit JavaScript das letzte Element aus einem Array löschen.

Im Folgenden erkläre ich anhand von drei Beispielen, wie Sie das letzte Element aus einem Array mit JavaScript löschen:

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>
Nach dem Login kopieren

Die ausgeführten Ergebnisse sind wie folgt:

GIF 2021-8-26 星期四 下午 3-02-06.gif

  • Die Methode „JavaScript Array splice()“ fügt dem Array Elemente hinzu bzw. entfernt sie und gibt dann das gelöschte Element zurück. Diese Methode ändert das ursprüngliche Array.

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>
Nach dem Login kopieren

Die laufenden Ergebnisse sind wie folgt:

GIF 2021-8-26 星期四 下午 3-04-00.gif

  • Die JavaScript-Methode Array pop() löscht das letzte Element von arrayObject, reduziert die Array-Länge um 1 und gibt den Wert des Elements zurück löscht. Wenn das Array bereits leer ist, ändert pop() das Array nicht und gibt einen undefinierten Wert zurück.


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>
Nach dem Login kopieren

Die laufenden Ergebnisse sind wie folgt:

GIF 2021-8-26 星期四 下午 3-07-32.gif

  • Die JavaScript-Array-Slice()-Methode kann die ausgewählten Elemente aus dem vorhandenen Array zurückgeben, und die Slice()-Methode kann einen bestimmten Teil der Zeichenfolge extrahieren und verwenden Es gibt den extrahierten Teil als neuen String zurück. Die Methode „slice()“ verändert das ursprüngliche Array nicht.

Abschließend möchte ich „

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage