Array-Manipulationsmethoden- Arbeiten mit Arrays in JavaScript

Arrays sind der grundlegende Teil von JavaScript und in diesem Beitrag werden wir über Arrays Manipulation sprechen. Array -Manipulation ist die Aufgabe, die uns hilft, Elemente in unserem Array hinzuzufügen/zu entfernen/zu transformieren. In JavaScript gibt es Dutzende von Methoden, die uns helfen, Arrays nach unseren Bedürfnissen zu manipulieren.

Was ist ein Array?

Das Array ist eine Art von Variable, die so strukturiert ist. Index ist die Positionsnummer, bei der das Array -Element gespeichert oder gespeichert wird.

Zum Beispiel:

const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];

Wenn wir im obigen Beispiel keine Arrays verwenden, müssten wir 4 Variablen deklarieren und sie mit den oben genannten Werten initialisieren, die zu hektisch gewesen wären.

Zum Beispiel:

const League1 = "laliga";
const League2 = "Premier League";
const League3 = "Bundesliga";
const League4 = "Seria a";

Wie wir sehen können, ist es viel besser, dass wir Arrays als herkömmliche Methoden verwenden. Wenn Sie immer noch nicht überzeugt sind, müssen Sie alle wichtigen Fußballligen der Welt auflisten. Würden Sie alle Variablen deklarieren und mit den Football League -Namen nacheinander initiieren. Wäre es nicht besser, Arrays zu verwenden?? Es ist wirklich.

JavaScript -Array -Methoden

Konvertieren von Arrays in Zeichenfolge konvertieren

Angenommen, Sie haben ein Array, das Sie in eine Zeichenfolge konvertieren möchten, für die JavaScript uns die bietet tostring () Eingebaute Methode, um uns zu helfen. Der tostring () Die Methode wandelt unser Array in eine Zeichenfolge um. Alle Array -Werte werden durch ein Komma in der Zeichenfolge getrennt

Beispiel:

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
// Konvertieren auf String
Konsole.Protokoll (Ligen.tostring ());

Die nächste eingebaute Methode, die von Entwicklern viel verwendet wird, ist die verbinden() Methode. Dies hat genau die gleiche Funktion von toString () i-e konvertiert ein Array in String. Der einzige Unterschied in der join () -Methode besteht darin, dass wir hier den Separator angeben können. Zum Beispiel können wir anstelle von Kommas einen vollen Stopp machen. Zum Beispiel:

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
// Konvertieren auf String mit . Separator
Konsole.Protokoll (Ligen.verbinden("."));

Hier haben wir angegeben, dass die Werte eines Arrays mit vollem Stopp getrennt werden sollten, wenn das Array in eine Zeichenfolge konvertiert wird.

Push and Pop

Bei der Arbeit mit Arrays als Entwickler gibt es Zeiten, in denen Sie Elemente aus einem Array hinzufügen oder entfernen müssen. Um die Aufgabe zu erreichen, etwas hinzuzufügen oder etwas aus einem Array zu entfernen.

Pop () Methode

Das Löschen eines Wertes aus dem Array wird von der Pop () -Methode erreicht und löscht den letzten Indexwert aus dem Array.

Zum Beispiel:

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
Konsole.Protokoll (Ligen.Pop());
Konsole.Protokoll (Ligen.tostring ());

Wie wir im Screenshot der Konsole sehen können, dass sich das Popelement im letzten Index befand, und danach, als wir das Array protokollieren, gab es keine Seria a.

Push () Methode

Push -Syntax ist die gleiche wie Pop. Der Unterschied ist die Funktion, die jeweils ausgeführt wird. Die Push () -Methode wird verwendet, um Elemente im letzten Index des Arrays einzufügen oder hinzuzufügen.

Zum Beispiel:

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
Ligen.Push ("Ligue1");
// Konvertieren auf String
Konsole.Protokoll (Ligen.tostring ());

Im Argument Push () Methode übergeben wir den Wert, den wir dem Array hinzufügen möchten. In diesem Beispiel haben wir „Ligue1“ bestanden, als wir dies zu unseren Array -Ligen hinzufügen wollten. Wenn wir den Wert drücken, werden wir Ligue1 am Ende des Arrays sehen.

Elemente verschieben

Die SHIRT () -Methode entspricht der Pop () -Methode, mit der Ausnahme, dass das erste Element aus dem Array entfernt wird. Dies geschieht, indem alle anderen Elemente in einen niedrigeren Index mit Ausnahme des ersten verschoben werden. Es entfernt das erste Indexelement.

Zum Beispiel:

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
// Erstes Element entfernen
Konsole.Protokoll (Ligen.Schicht());
// Array in String konvertieren
Konsole.Protokoll (Ligen.tostring ());

In diesem Beispiel werden wir im Konsolenfenster das Element gezeigt, das aus dem Array gelöscht wurde. Dann wird das Neue Array angezeigt.

Die Unshift () -Methode entspricht der PUSP () -Methode, mit der Ausnahme, dass sie zu Beginn des Arrays ein Element hinzufügt. Die Syntax ist die gleiche wie die Schaltmethode i-e liague.Unschänder ("Scottish League").

Elemente ändern

Wir können ein Element im spezifischen Index ändern. Der Index startet von 0 in einem Array.

Zum Beispiel können wir das erste Element ändern nach:

Ligen [0] = "Scottish League";

Wir können auch die Gesamtlänge des Arrays mithilfe der integrierten Längenmethode von JavaScript herausfinden.

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
Konsole.Protokoll (Ligen.Länge);

Ausgabe: 4

Splice () Methode

Die Methode Splice () wird verwendet, um Elemente zu einem Array hinzuzufügen, genau wie die PUSP () -Methode.

Zum Beispiel:

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
Ligen.Spleiß (2,0, "Ligue1");
// Array in String konvertieren
Konsole.Protokoll (Ligen.tostring ());

Splice nimmt einen Index, in dem Sie ein Element hinzufügen möchten. In diesem Beispiel haben wir den 2. Index angegeben, in dem wir "Ligue1" hinzufügen möchten,. Die Elemente, die wir aus dem Array löschen möchten, sind im zweiten Argument angegeben. Danach können wir neue Elemente hinzufügen, so viel wir wollen. Die Ausgabe wird sein:

Wir können auch die Spleißmethode verwenden, um einen Wert im angegebenen Index zu entfernen.

Zum Beispiel:

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
Ligen.Spleiß (0,1);
// Array in String konvertieren
Konsole.Protokoll (Ligen.tostring ());

Es wird das Element entfernen, das im ersten Index ist.

Zusammenführende Arrays

Wir können Arrays auch mit der concat () -Methode zusammenführen. Die concat () -Methode verändert das ursprüngliche Array nicht und erstellt nur ein neues Array.

Zum Beispiel:

In diesem Beispiel werden zwei Arrays mit der concat () -Methode kombiniert:

// Array mit dem Namen der Fußballligen mit
const liagues = ["laliga", "Premier League", "Bundesliga", "Serie A"];
Const LowerLeagues = ["Scottish", "Australian"];
const newtotaleagues = Ligen.concat (LowerLeagues);
// Array in String konvertieren
Konsole.Protokoll (NewtotalleaGues.tostring ());

Wir haben die LowerLeagues zu Ligen hinzugefügt.

Abschluss

Mehrere Datenelemente oder Variablen derselben Art werden in einem einzelnen Namensarray dargestellt, und dieses Array kann dann auf viele Arten manipuliert werden, die in diesem Beitrag diskutiert werden. Wir haben die Array -Manipulation in JavaScript besprochen, indem wir die häufigsten Methoden zur Manipulation eines Arrays durchlaufen haben. Wir hoffen, dass all diese Beispiele Ihnen eine Vorstellung davon gegeben hätten, wie Array -Manipulation funktioniert.