Array -Mutatormethoden in JavaScript mit Beispielen erklärt

Array -Mutatormethoden in JavaScript mit Beispielen erklärt
In JavaScript werden die Methoden, die die ursprünglichen Array-Elemente ändern oder überschreiben. Zum Beispiel foreach (), reverse (), splice (), fill () und revers () Methode. Dieser Artikel bietet einen gründlichen Überblick über diese Methoden mit einigen Beispielen.

Sort () Methode in JavaScript

Sortierarray-Elemente sind sehr entscheidend, in JavaScript eine Build-In-Methode 'Sortieren()' wird verwendet, um die unsortierten Array -Elemente zu sortieren. Standardmäßig sortiert sie die Array -Elemente in aufsteigender Reihenfolge:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Sortieren();
Konsole.log ("das sortierte Array:", input_array);

Wir verwenden die Sort () -Funktion in diesem Programm und gibt daher ein sortiertes Array zurück:

Wir können auch den Vergleichsparameter übergeben. Betrachten Sie beispielsweise den folgenden Code, um das Array in absteigender Reihenfolge zu drucken:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.sortieren (Funktion (niedriger, höher)
höher niedriger zurückkehren;
);
Konsole.log ("das sortierte Array:", input_array);

Wir haben zwei Parameter an die Funktion „niedriger“ und „höher“ übergeben, und „höher niedriger“ gibt die Ausgabe in absteigender Reihenfolge zurück, während „niedrigere hohe“ die Ausgabe in aufsteigender Reihenfolge zurückgibt:

Reverse () Methode in JavaScript

In JavaScript wird die Methode „Reverse ()“ verwendet, um die Reihenfolge der Array-Elemente umzukehren, und berücksichtigen Sie den untergegebenen Code, um die Arbeit der Reverse-Funktion zu verstehen:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.umkehren();
Konsole.log ("Das Reverse Array:", input_array);

Die Ausgabe für die umgekehrte Funktion ist:

Push () -Methode in JavaScript

Um dem Array JavaScript einige neue Elemente hinzuzufügen, verwendet die Methode „Push ()“ das neue Element im letzten Array -Index:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Push (100);
Konsole.log ("Das aktualisierte Array:", input_array);

Wir haben '100' im Array mit der Push -Methode angehängt, die Ausgabe wird sein:

pop () Methode in JavaScript

In JavaScript löscht die Methode "pop ()" das letzte Element des Arrays:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Pop();
Konsole.log ("Das aktualisierte Array:", input_array);

Der obige Code zieht das „6“ aus dem Array heraus und die daraus resultierende Ausgabe wird lautet:

SHIRT () -Methode in JavaScript

Mit der Methode „Shift ()“ wird das erste Element des Arrays gelöscht:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Schicht();
Konsole.log ("Das aktualisierte Array:", input_array);

Der obige Code zieht die „15“ aus dem Array heraus und die Ausgabe dieses Programms wird sein:

Unshift () -Methode in JavaScript

In JavaScript "UnShift ()" -Funktionen nimmt ein Element als Parameter und stellt es am Anfang des Arrays ein:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.unerschütterlich (50);
Konsole.log ("Das aktualisierte Array:", input_array);

Die Ausgabe des oben angegebenen Codes ist:

fill () Methode in JavaScript

In JavaScript repliziert die Methode „FILL ()“ alle Einträge eines Arrays mit einem angegebenen Wert:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.füllen (50);
Konsole.log ("Das aktualisierte Array:", input_array);

Jetzt implementieren wir die "Füll" -Methode im "input_array":

In der Ausgabe werden alle Elemente des Arrays mit dem '50' repliziert:

Die Füllmethode befasst sich auch mit den optionalen Parametern. Es dauert drei Parameter, zunächst für den angegebenen Wert, zweitens für den Startindex und den dritten Parameter für den letzten Index. Infolgedessen repliziert es alle Elemente des Arrays vom angegebenen Startindex in den angegebenen letzten Index.

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.füllen (50, 1, 4);
Konsole.log ("Das aktualisierte Array:", input_array);

Als Beispiel haben wir 50, 1 und 3 in der Füllmethode übergeben. Jetzt ersetzt die FISS -Methode die Array -Elemente von Index 1 bis Index 3 durch 50 durch 50. Während die verbleibenden Indizeswerte unverändert bleiben. Beobachten Sie nun die Ausgabe der parametrisierten Füllmethode:

Splice () Methode in JavaScript

In JavaScript wird die Methode „Splice ()“ aufgrund seiner einzigartigen und spezifischen Eigenschaften sehr häufig verwendet. Es kann die Elemente eines Arrays anhängen oder löschen und beide Aktionen gleichzeitig ausführen.

Die Methode „Splice ()“ enthält drei Parameter:

  • Der erste Parameter nimmt den Startindex auf
  • Der zweite Parameter gibt die Gesamtzahl der zu löschenden Elemente an
  • Der dritte Parameter ist optional und es dauert das Element, um in das Array einzulegen

Betrachten Sie nun ein Beispiel, in dem wir ein Element in das Array hinzufügen möchten, ohne ein vorhandenes Element zu löschen:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Spleiß (2, 0, 5);
Konsole.log ("Das aktualisierte Array:", input_array);

In diesem Beispiel setzen wir den Wert des zweiten Parameters als 0. In der Ausgabe beobachteten wir, dass '5' bei Index zwei hinzugefügt wird und keinen vorhandenen Wert gelöscht hat:

Jetzt werden wir ein Beispiel betrachten, in dem wir ein Element aus dem Array löschen möchten:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Spleiß (1,2);
Konsole.log ("Das aktualisierte Array:", input_array);

Hier im ersten Parameter geben wir den Startindex '1' und im zweiten Parameter an, den wir '2' schreiben, wodurch zwei Elemente des Arrays gelöscht werden. Wir haben den dritten Parameter nicht geschrieben, weil wir kein neues Element in das Array hinzufügen wollen:

In der Ausgabe haben wir festgestellt, dass die Werte von Index 1 und 2 aus dem Array gelöscht werden:

Jetzt werden wir ein Beispiel für das Hinzufügen und Löschen einiger Einträge eines Arrays gleichzeitig in Betracht ziehen:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Spleiß (1,2,50);
Konsole.log ("Das aktualisierte Array:", input_array);

In diesem Beispiel gibt die Methode „Splice ()“ an, dass ab Index 1 zwei Elemente löschen und ein neues Element in Index 1 einfügen:

Abschluss

In JavaScript erstellen Mutatormethoden keine neuen Arrays, sondern ändern die aktuellen Arrays. In diesem Artikel haben wir verschiedene Array -Mutatorfunktionen behandelt. Wir erfahren, wie Mutatormethoden in JavaScript funktionieren, und analysieren, dass unter all diesen Methoden die POP -Methode und die Push -Methode die endgültigen Indizes des Arrays ändern, während die Schaltmethode und die Unschaltmethode die ersten Indizes des Arrays ändern. Darüber hinaus finden wir heraus.