Zusammenfassung einiger gängiger Methoden von JavaScript-Arrays

1. Einleitung

Es gibt zu viele Array-Methoden. Dieser Artikel zeichnet einige Array-Methoden auf, an die ich mich zur Konsolidierung und Überprüfung oft falsch erinnere.
Weitere Array-Methoden werden künftig sukzessive hinzugefügt.
Durch den sinnvollen Einsatz von Array-Methoden kann die Datenverarbeitung elegant und einfach gestaltet werden.

Also, lasst uns anfangen:

2. filter()

beschreiben:

filter() erstellt ein neues Array und fügt alle Elemente, die die Bedingung erfüllen, dem erstellten neuen Array hinzu.

Grammatik:

Array.filter(callback(element, index, array) { // Funktionstext}, dieserWert)

Parameter:

callback und thisValue :

Die Liste der Rückrufparameter:

Parameter dieses Wertes:

Der this zu verwendende Wert, wenn callback ausgeführt wird.

Rückgabewert:

Ist ein neues Array bestehend aus dem Rückgabewert filter()

Beispiel:

lass Benutzer = [
  {id: 11, name: "Sun Wukong"},
  {id: 21, name: "Zhu Bajie"},
  {id: 31, name: "Sha-Mönch"}
];

// Gibt ein Array der ersten beiden Benutzer zurück let filterUsers = users.filter(item => item.id < 31);

console.log(filterUsers.length); // 2

3. Karte ()

beschreiben:

map() erstellt ein neues Array, in dem jedes Element der Rückgabewert des einmaligen Aufrufs der angegebenen Funktion ist.

Grammatik:

Array.map(callback(aktuellerWert, Index, Array) { // Funktionstext}, dieserWert)

Parameter:

callback und thisValue

Die Liste der Rückrufparameter:

Parameter dieses Wertes:

Der this zu verwendende Wert, wenn callback ausgeführt wird.

Rückgabewert:

Es handelt sich um ein neues Array, das aus den Ergebnissen der Ausführung der Rückruffunktion für jedes Element des ursprünglichen Arrays besteht.

Beispiel:

lass Zahl = [1, 2, 3].map(Element => Element + 1);

console.log(Längen); // 2, 3, 4

4. sort()

beschreiben:

map() ändert das ursprüngliche Array, um die Reihenfolge der Elemente zu ändern

Hinweis: Die Standardsortierreihenfolge gilt beim Konvertieren von Elementen in Zeichenfolgen und anschließendem Vergleichen ihrer UTF-16-Codeeinheitswertsequenzen.

Grammatik:

Array.sort( Vergleichsfunktion )

Parameter:

compareFunction

Parameterliste der Vergleichsfunktion:

compareFunction Rückgabewert

Gibt eine Zahl zurück, die die Reihenfolge der beiden Werte angibt

• Wenn a kleiner als b ist, sollte a im sortierten Array vor b erscheinen und ein Wert kleiner als 0 zurückgegeben werden.
• Wenn a gleich b ist, geben Sie 0 zurück.
• Wenn a größer als b ist, wird ein Wert größer als 0 zurückgegeben.
  

Rückgabewert:

Der Rückgabewert ist ein sortiertes Array, wird jedoch normalerweise ignoriert, da das ursprüngliche Array geändert wurde.

Beispiel:

lass Zahl = [1, 2, 3].map(Element => Element + 1);

console.log(Längen); // 2, 3, 4

5. reduzieren()

beschreiben:
Die Methode reduce() führt die Rückruffunktion der Reihe nach (in aufsteigender Reihenfolge) für jedes Element im Array aus und schließt dabei Elemente im Array aus, die gelöscht wurden oder denen nie ein Wert zugewiesen wurde. Wertet das Ergebnis in einen Wert um.

Hinweis: „reduce()“ kann als Funktion höherer Ordnung für die Funktionszusammenstellung verwendet werden.

Grammatik:

Array.reduce(Rückruf(Akkumulator, aktuellerWert, Index, Array), Anfangswert)

Parameter:

callback und initialValue

Die Liste der Rückrufparameter:

Parameter von initialValue:

Der Wert, der als erstes Argument verwendet werden soll, wenn callback Rückruffunktion zum ersten Mal aufgerufen wird. Wenn kein Anfangswert angegeben ist, wird das erste Element im Array als Anfangswert verwendet. Der Aufruf von reduce für ein leeres Array ohne Anfangswert führt zu einem Fehler.

Rückgabewert:

Das Ergebnis der Funktionsakkumulationsverarbeitung wird ausgeführt, nachdem alle callback accumulator wurden.

Hinweis: Der Rückgabewert unserer Reducer-Funktion wird dem Akkumulator zugewiesen, der bei jeder Iteration des Arrays gespeichert wird und zum endgültigen einzelnen Ergebniswert wird.

Beispiel:

sei Zahl = [1, 2, 3, 4];

let result = number.reduce((sum, current) => sum + current, 0);

console.log(Ergebnis); // 10

6. fürJedes()

beschreiben:

Die Methode „reduce()“ führt die Rückruffunktion der Reihe nach (in aufsteigender Reihenfolge) für jedes Element im Array aus und schließt dabei Elemente im Array aus, die gelöscht wurden oder denen nie ein Wert zugewiesen wurde. Wertet das Ergebnis in einen Wert um.

Hinweis: „reduce()“ kann als Funktion höherer Ordnung für die Funktionszusammenstellung verwendet werden.

Grammatik:

Array.forEach(Rückruf(aktuellerWert, Index, Array), dieserWert)

Parameter:

callback und thisValue

Die Liste der Rückrufparameter:

Parameter dieses Wertes:

Der this zu verwendende Wert, wenn callback ausgeführt wird.

Rückgabewert:

Diese Methode hat keinen Rückgabewert.

Beispiel:

sei Zahl = [1, 2, 3, 4];

Nummer.fürJedes((Element, Index, Array) => {
 konsole.log(Element); // 1/2/3/4
});

7. Methodenliste

Methodenattribute:

Dies ist das Ende dieses Artikels, in dem mehrere gängige Methoden von JavaScript-Arrays zusammengefasst werden. Weitere relevante Inhalte zu mehreren gängigen Methoden von JavaScript-Arrays finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

8. Referenzen

Offizielle chinesische MDN-Website https://developer.mozilla.org/zh-CN/
W3School vereinfachte chinesische Version https://www.w3school.com.cn/