JavaScript Array-Methoden

In JavaScript gibt es eine Vielzahl von Array-Methoden. Um Ihnen detailliertere und umfassendere Informationen zu geben, werden wir sie in Gruppen unterteilen.

Hinzufügen/Entfernen von Methoden

Im Kapitel Arrays haben wir bereits über diese Gruppe von Methoden gesprochen. Dazu gehören:

• arr.push(...items) - hilft beim Hinzufügen von Elementen am Ende;
• arr.pop() - Extrahierung eines Elements vom Ende;
• arr.shift() - Extrahierung eines Elements vom Beginn;
• arr.unshift(...items) - Hinzufügen von Elementen am Anfang.

In diesem Kapitel werden wir über einige andere Methoden sprechen.

Verbinden

Die erste Methode ist die arr.splice. Sie wird verwendet, um Elemente zu einem Array hinzuzufügen oder aus ihm zu entfernen und die bereits entfernten zurückzugeben. So können Sie mit dieser Methode alles machen: Einfügen, Entfernen, Ersetzen von Elementen.

Die Syntax sieht so aus:

arr.splice(index[, deleteCount, elem1, ..., elemN])

Es ist leichter zu verstehen, wenn man es an einem Beispiel sieht.

Im ersten Beispiel wird die Löschung wie folgt demonstriert:

Im nächsten Beispiel werden wir drei Elemente entfernen und sie durch zwei andere ersetzen:

Nun können Sie feststellen, dass splice das Array der entfernten Elemente zurückgibt, wie folgt:

Es ist wichtig zu wissen, dass Sie mit dieser Methode auch Elemente einfügen können, ohne etwas zu entfernen. Dazu müssen Sie deleteCount auf 0 setzen, so:

Teilmenge

arr.slice ist eine einfache Methode, viel einfacher als arr.splice.

Die Syntax ist folgende:

arr.slice([start], [end])

Diese Methode gibt ein neues Array zurück und kopiert alle Elemente von der Indexposition start bis zur Position end (die jedoch nicht inklusive ist). Wenn beide Indexpositionen start und end negativ sind, wird angenommen, dass es sich um die Positionen vom Ende des Arrays handelt.

Es ist ähnlich wie die end Methode, erstellt aber Unterarrays anstatt Substrings.

Hier ist ein Beispiel:

Sie können es auch ohne Argumente aufrufen: str.slice erstellt eine Kopie von arr.

Zusammenfügen

Die arr.concat Methode wird verwendet, um ein neues Array zu erstellen, das Werte aus anderen Arrays und zusätzliche Elemente enthält. Die Syntax sieht dann so aus:

arr.concat(arg1, arg2...)

Es akzeptiert Argumente in beliebiger Menge (Arrays oder Werte).

Das Ergebnis wird ein neues Array mit den Elementen von arr, dann arg1, arg2 usw. sein.

Falls ein Argument argN ein Array ist, werden alle seine Elemente kopiert. In anderen Fällen wird das Argument kopiert.

Zum Beispiel:

Iterieren: forEach

Die Methode arr.forEach ermöglicht es, eine Funktion für jedes Element des Arrays auszuführen.

Die Syntax sieht so aus:

arr.forEach(function (item, index, array) {
  // ... do something with item
});

Im folgenden Beispiel wird jedes Element des Arrays angezeigt:

// for each element call alert
["dog", "cat", "mouse"].forEach(alert);

Suche im Array

In diesem Teil behandeln wir die Methoden für die Suche in einem Array.

indexOf/lastIndexOf and includes

Diese Methoden haben die gleiche Syntax und machen das Gleiche wie ihre String-Gegenstücke. Der Unterschied besteht darin, dass sie auf Elemente und nicht auf Zeichen operieren.

Was sie tun:

• arr.indexOf(item, from) sucht nach einem item beginnend vom Index from und gibt es zurück, wenn es gefunden wurde, sonst -1.
• arr.lastIndexOf(item, from) ist ähnlich, sucht aber von rechts nach links.
• arr.includes(item, from) sucht nach einem item, beginnend vom Index from, und gibt true zurück, wenn es gefunden wurde.

Lassen Sie uns das beispielhaft überprüfen:

Bedenken Sie, dass diese Methoden den Vergleich === verwenden. Wenn Sie also nach false suchen, wird es false und nicht null finden.

Finden und FindeIndex

Angenommen, Sie haben ein Array mit Objekten und wollen ein Objekt nach einer bestimmten Bedingung finden. Dann müssen Sie die Methode arr.find(fn) verwenden, die diese Syntax hat:

let result = arr.find(function (item, index, array) {
  // if true is returned,the item is returned, and iteration is stopped
  // for falsy scenario returns undefined
});

Die Funktion wird für die Elemente des Arrays nacheinander aufgerufen, und zwar so:

• Ein item ist ein Element.
• Der index ist sein Index.
• Das array ist das Array selbst.

Wenn true zurückgegeben wird, wird die Suche abgebrochen und das item- zurückgegeben.

Zum Beispiel:

Filter

Diese Methode sucht nach dem ersten Element, das die Funktion true zurückgeben lässt.

let results = arr.filter(function (item, index, array) {
  // if true item is pushed to results and the iteration continues
  // returns empty array if nothing found
});

let result = arr.map(function (item, index, array) {
  // returns the new value instead of item
});

let value = arr.reduce(function (accumulator, item, index, array) {
  // ...
}, [initial]);