Detaillierte Erläuterung gängiger Methoden von JavaScript-Arrays

Detaillierte Erläuterung gängiger Methoden von JavaScript-Arrays

Gängige Array-Methoden

  • Die Methode push() fügt ein oder mehrere Elemente am Ende eines Arrays hinzu und gibt die neue Länge des Arrays zurück.
  • Sie können die hinzugefügten Elemente als Parameter an die Methode übergeben und sie werden automatisch am Ende des Arrays hinzugefügt.
  • Diese Methode gibt die neue Länge des Arrays als Rückgabewert zurück
var arr = ["Kleiner Mönch","Kleiner Affe","Kleines Schwein","Kleiner Sand","Kleiner Drache"];
var result = arr.push("Jiang Liu","Xin Yuan","Hölzerner Drache","Dao Gui","Yima");
console.log("Rückgabewert: "+Ergebnis);
console.log("Neues Array: "+arr);

Bildbeschreibung hier einfügen

Pop()

Diese Methode kann das letzte Element des Arrays löschen und das gelöschte Element als Rückgabewert zurückgeben.

var arr = ["Flussströmung", "Affenherz", "Hölzerner Drache", "Scharfes Messer", "Absichtliches Pferd"];
var Ergebnis = arr.pop();
console.log("Rückgabewert: "+Ergebnis);
console.log("Neues Array: "+arr);

Bildbeschreibung hier einfügen

unshift()

  • Fügt ein oder mehrere Elemente am Anfang eines Arrays hinzu und gibt die neue Länge des Arrays zurück.
  • Nach dem Einfügen von Elementen nach vorne werden die Indizes anderer Elemente nacheinander angepasst
var arr = ["Flussströmung", "Affenherz", "Hölzerner Drache", "Scharfes Messer", "Absichtliches Pferd"];
var Ergebnis = arr.unshift();
console.log("Rückgabewert: "+Ergebnis);
console.log("Neues Array: "+arr);

Bildbeschreibung hier einfügen

Schicht()

Sie können das erste Element eines Arrays löschen und das gelöschte Element als Rückgabewert verwenden

var arr = ["Flussströmung", "Affenherz", "Hölzerner Drache", "Scharfes Messer", "Absichtliches Pferd"];
var Ergebnis = arr.shift();
console.log("Rückgabewert: "+Ergebnis);
console.log("Neues Array: "+arr);

Bildbeschreibung hier einfügen

Scheibe()

  • Kann verwendet werden, um bestimmte Elemente aus einem Array zu extrahieren
  • Diese Methode ändert das Element-Array nicht, sondern kapselt die abgefangenen Elemente in ein neues Array und gibt es zurück.

Parameter:

  • Der erste Parameter: der Index der Startposition des Abfangens, einschließlich des Startindex
  • Der zweite Parameter: der Index der Endposition des Abfangens, ausgenommen den Endindex (das abgefangene Array enthält diesen Wert nicht)
  • Der zweite Parameter kann weggelassen werden. In diesem Fall werden alle Elemente nach dem Startindex erfasst.
    • Der Index kann einen negativen Wert übergeben. Wird ein negativer Wert übergeben, wird von hinten nach vorne gerechnet.
    • 1Der Letzte
    • 2Der vorletzte
var arr = ["Flussströmung", "Affenherz", "Hölzerner Drache", "Scharfes Messer", "Absichtliches Pferd"];
var Ergebnis = arr.slice(1,3);
console.log("Das abgefangene Array: "+Ergebnis);
console.log("Das ursprüngliche Array wird sich nicht ändern:"+arr);

Bildbeschreibung hier einfügen

spleißen()

  • Kann verwendet werden, um ein bestimmtes Element in einem Array zu löschen
  • Die Verwendung dieser Methode wirkt sich auf das ursprüngliche Array aus, löscht das angegebene Element aus dem ursprünglichen Array und verwendet das gelöschte Element als Rückgabewert

Parameter

  • Der erste Parameter: Gibt den Index der Startposition an, einschließlich des Startindex
  • Der zweite Parameter: Gibt die Anzahl der Löschungen an, ausgenommen den Endindex (das Array ist nicht in der Interception enthalten).
var arr = ["Flussströmung", "Affenherz", "Hölzerner Drache", "Scharfes Messer", "Absichtliches Pferd"];
var Ergebnis = arr.splice(1,3);
console.log("Gelöschtes Element: "+Ergebnis);
console.log("Das ursprüngliche Array wird sich ändern:"+arr);

Bildbeschreibung hier einfügen

  • Der dritte Parameter und später: Sie können einige neue Elemente übergeben, die automatisch hi vor dem Startpositionsindex einfügen
var arr = ["Flussströmung", "Affenherz", "Hölzerner Drache", "Scharfes Messer", "Absichtliches Pferd"];
var result = arr.splice(1,2,"Ergebnis", "Ergebnis ausblenden");
console.log("Gelöschtes Element: "+Ergebnis);
console.log("Das ursprüngliche Array wird sich ändern:"+arr);

Bildbeschreibung hier einfügen

Deduplizierung von Array-Elementen

var arr = [1, 1, 5, 6, 4, 5, 2, 3, 7, 9, 4, 4, 4, 1];
für (sei i = 0; i < arr.length; i++) {
    für (sei j = i + 1; j < arr.length; j++) {
        wenn (arr[i] === arr[j]) {
            arr.splice(j, 1); //Lösche das Element j an der aktuellen Position j--; //Nach dem Löschen des Elements j füllen die folgenden Elemente die Position automatisch aus und Sie müssen an der Position j erneut vergleichen}
    }
}
Konsole.log(arr);

concat()

  • Diese Methode kann zwei oder mehr Arrays verketten und das neue Array zurückgeben.
  • Diese Methode hat keine Auswirkungen auf das ursprüngliche Array.
var arr1 = ["Flussströmung","Affenherz","Hölzerner Drache","Scharfes Messer","Absichtliches Pferd"];
var arr2 = ["Tang-Mönch","Sun Wukong","Zhu Bajie","Sha-Mönch","Weißes Drachenpferd"];

var result = arr1.concat(arr2,"Gedankenwandern");
console.log("Neues Array: "+Ergebnis);

Bildbeschreibung hier einfügen

verbinden()

  • Diese Methode kann ein Array in einen String umwandeln.
  • Diese Methode wirkt sich nicht auf das ursprüngliche Array aus, gibt aber als Ergebnis die konvertierte Zeichenfolge zurück.
  • In join() können Sie einen String als Parameter angeben. Dieser String wird zum Verbinder der Elemente im Array. Wenn Sie keinen Verbinder angeben, ist der Standardverbinder .
var arr = ["Flussströmung", "Affenherz", "Hölzerner Drache", "Scharfes Messer", "Absichtliches Pferd"];

var Ergebnis = arr.join("-");
console.log("Neues Array: "+Ergebnis);
console.log("Der Ergebnistyp ist: "+typeof(result));

Bildbeschreibung hier einfügen

umkehren()

  • Mit dieser Methode wird das Array umgekehrt (die vorderen Elemente kommen nach hinten und die hinteren Elemente nach vorne).
  • Diese Methode wirkt sich auf das ursprüngliche Array aus
var arr = ["Flussströmung", "Affenherz", "Hölzerner Drache", "Scharfes Messer", "Absichtliches Pferd"];

arr.reverse();
console.log("arr-Array nach Inversion: "+arr);

Bildbeschreibung hier einfügen

Sortieren()

Mit dieser Methode können die Elemente in einem Array sortiert werden. Diese Methode wirkt sich auf das ursprüngliche Array aus und sortiert es standardmäßig gemäß der Unicode-Kodierung.

var arr = ["a","d","g","f","k","v","d","x"];
arr.sort();
console.log("sortiertes arr-Array: "+arr);

Bildbeschreibung hier einfügen

Sogar bei einem Array aus reinen Zahlen wird bei Verwendung von sort() gemäß der Unicode-Kodierung sortiert, so dass das Sortieren der Zahlen zu falschen Ergebnissen führen kann.

var arr = [2,14,12,3,5,53,7,31,13];
arr.sort();
console.log("sortiertes arr-Array: "+arr);

Bildbeschreibung hier einfügen

Sie können Ihre eigenen Sortierregeln festlegen

Fügen Sie sort() eine Rückruffunktion hinzu, um die Sortierregeln anzugeben

In der Callback-Funktion müssen zwei Parameter (a, b) definiert werden

Der Browser verwendet die Elemente im Array als Argumente, um die Rückruffunktion aufzurufen

Der Browser bestimmt die Reihenfolge der Elemente basierend auf dem Rückgabewert der Rückruffunktion

  • Wird ein Wert größer 0 zurückgegeben, werden die Elemente vertauscht.
  • Wird ein Wert kleiner 0 zurückgegeben, bleibt die Elementposition unverändert.
  • Wenn eine 0 zurückgegeben wird, werden die beiden Elemente als gleich betrachtet und ihre Positionen werden nicht vertauscht.
  • Wenn eine aufsteigende Reihenfolge erforderlich ist, geben Sie a - b zurück.
  • Wenn eine absteigende Sortierung erforderlich ist, geben Sie b - a zurück.
var arr = [2, 14, 12, 3, 5, 53, 7, 31, 13];
arr.sort(Funktion (a, b) {
   return a - b; // aufsteigende Reihenfolge //return b - a; absteigende Reihenfolge });
console.log("sortiertes arr-Array: " + arr);

Bildbeschreibung hier einfügen

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • Vollständige Liste der Javascript-Array-Methoden
  • Konvertierung eines eindimensionalen JS-Arrays in ein dreidimensionales Array
  • Detailliertes Beispiel für JavaScript-Array-Methoden
  • Detaillierte Erklärung der JS-Array-Methoden
  • js Array fill() Füllmethode
  • Lernen wir die Array-Methoden von Javascript kennen

<<:  CSS löst das Problem der Front-End-Bildverformung perfekt

>>:  Anwendungsbeispiele für die MySQL-Volltextsuche

Artikel empfehlen

Zusammenfassung der neuen Verwendung von vi (vim) unter Linux

Ich benutze den vi-Editor seit mehreren Jahren, h...

Beispielcode einer in Vue3 gekapselten Lupenkomponente

Inhaltsverzeichnis Komponenteninfrastruktur Zweck...

Tutorial zur kostenlosen Konfiguration der MySQL 5.7.18-Installationsversion

Installations-Tutorial zur kostenlosen Installati...

Detaillierte Analyse und Verwendung des Befehls tcpdump unter Linux

Einführung Einfach ausgedrückt ist tcpdump ein Pa...

Beispielcode für ein großes Dropdown-Menü, implementiert in reinem CSS

Dies ist ein großes Dropdown-Menü, das rein in CS...

Implementierungscode zum Betreiben einer MySQL-Datenbank in Golang

Vorwort Golang stellt das Datenbank-/SQL-Paket fü...

Spezifische Verwendung von Nginx Keepalive

Der Standardanforderungsheader des http1.1-Protok...

So installieren Sie MySQL 8.0 in Docker

Umgebung: MacOS_Cetalina_10.15.1, Mysql8.0.18, Do...

Implementierung der Nginx-Domänennamenweiterleitung

Einführung in Nginx Nginx („engine x“) ist ein le...