JavaScript Array Methoden - Systematische Zusammenfassung und ausführliche Erklärung

Die Bedeutung einer Zusammenfassung besteht zunächst darin, Ordnung in das Chaos zu bringen, damit die Gedanken während des Gebrauchs klarer werden.

Hinweise zur Verwendung von Arrays:

• Mutations- und Nichtmutationsmethoden. Das heißt, dass die Mutationsmethode das ursprüngliche Array ändert, während das letztere dies nicht tut. Die folgende Mindmap beschriftet sie.
• Beachten Sie, dass Array-Methoden und String-Methoden mehrere Gemeinsamkeiten aufweisen. Wie wechseln Sie zwischen Arrays und Strings?
• Einige Methodenparameter unterstützen negative Zahlen und der zweite Parameter einiger Methoden stellt keine Koordinaten, sondern Zahlen dar.
• Wir können sogar die Rückruffunktionen sortieren. Die meisten Parameterformate für Rückruffunktionen sind gleich, aber einige Rückruffunktionen sind unterschiedlich.
• Bei den Wörtern „Split“, „Slice“, „Join“, „Contains“, „Includes“, „Push“, „Pop“, „Shift“, „Unshift“ usw. werden Sie durch ähnliche Wörter verwirrt, sodass Sie nicht erkennen können, welche die Array-Methode und welche die String-Methode ist und was die einzelnen Funktionen machen. Natürlich kann ich Ihnen jetzt sagen, ob es sich bei den oben genannten Methoden um Array-Methoden oder String-Methoden handelt oder ob String-Methoden und Array-Methoden überhaupt über eine solche Methode verfügen, aber das ist nicht nötig, da es für Sie schließlich schwierig sein wird, sich diese zu merken. Deshalb werden wir sie im Folgenden systematisch klassifizieren und zusammenfassen, sodass Sie sie leicht unterscheiden können.

Als Nächstes müssen Sie nur Ihr bisheriges unorganisiertes Gedächtnis vergessen und Ihr Gedächtnis durch Sortieren wieder aufbauen.

Gängige Array-Methoden

Hinzufügen und Löschen von Array-Elementen

Bearbeiten des Array-Headers

• 變異方法unshift(value) fügt ein Element in den Kopf des Arrays ein
• Die變異方法shift() entfernt das erste Element aus dem Arraykopf

Am Ende eines Arrays arbeiten

• Die Mutationsmethode push(value) schiebt ein Element an das Ende des Arrays
• Die Mutationsmethode pop() fügt ein Element am Ende des Arrays hinzu

An jedem beliebigen Ort hinzufügen oder löschen

splice(start,length[…,value])變異方法

Der zweite Parameter ist die Zahl. Wenn er nicht 0 ist, bedeutet dies, dass Längenelemente von Anfang an gelöscht werden müssen. Hinzufügen und Löschen können gleichzeitig erfolgen.

Array-Verkettung

• concat(...arr) String hat ähnliche Methode

Array in String konvertieren

• join(str) verkettet das Array mit den angegebenen Zeichen zu einem String.
• toString() Wandelt ein Array in einen String um, indem es mit "," geteilt wird.

Abfangen eines Arrays

• slice(start[,end])支持負數 字符串有該類似方法

Array-Sortiermethoden

Sortierung

• sort(callback)變異方法zum Sortieren des Arrays

Die Rückruffunktion gibt „ab“ zurück, um von groß nach klein zu sortieren, und „ba“, um von klein nach groß zu sortieren.

//Rückruffunktion Formatfunktion Rückruf(a,b) {
	return ab
}

Sequenzumkehr

Die變異方法reverse() kehrt die Reihenfolge des Arrays um

Array-Iterationsmethoden

Array-Traversal-Suche

Der Rückgabewert ist der Index

• indexOf(targetValue) durchläuft das Array von links nach rechts, findet den Index des Zielwerts und gibt den Indexwert zurück, der zum ersten Mal vorkommt.
• lastIndexOf(targetValue) durchläuft das Array von rechts nach links, findet den Index des Zielwerts und gibt den Indexwert zurück, der zum ersten Mal erscheint.
• findIndex (Callback) verwendet die Rückruffunktion, um die Array-Elemente bedingt zu beurteilen und den Indexwert des Elements zurückzugeben, das die Bedingung zum ersten Mal erfüllt

Der Rückgabewert ist Inhalt

• find(callback) verwendet die Rückruffunktion, um die Array-Elemente bedingt zu beurteilen und gibt den Wert des Elements zurück, das die Bedingung zum ersten Mal erfüllt

Array-Traversal-Verarbeitung

Rückruf(Wert[,Index[,Array]])

//Rückruf Rückruffunktion Formatfunktion Rückruf(Wert, Index, Array) {
	//bewältigen ...
	return ... // Wird die retrun-Anweisung hier nicht benötigt? Kommentieren Sie sie unten.}

• forEach(callback) durchläuft das Array und verarbeitet nur diejenigen ohne Rückgabewert. Der Rückruf erfordert keine return-Anweisung
• map(callback) durchläuft jedes Element des Arrays und verwendet Callback, um das Array zu verarbeiten, und fügt den durch Callback verarbeiteten Rückgabewert dem neuen Array hinzu und gibt das neue Array zurück.
• filter(callback) führt eine Filteroperation auf dem Array aus und gibt ein neues Array zurück, das aus Elementen besteht, deren Callback-Rückgabewert true ist.
• every(callback) durchläuft das Array. Wenn der Callback-Rückgabewert true ist, ist der Rückgabewert der Methode true
• some(callback) durchläuft das Array. Wenn einer der Callback-Rückgabewerte wahr ist, ist der Rückgabewert der Methode wahr.

Rückruf(Gesamt,Wert[,Index[,Array]])

//Rückruf Rückruffunktion Formatfunktion Rückruf(Gesamt, Wert, Index, Array) {
  Gesamtsumme + Wert zurückgeben;
}

• Reduzieren(Rückruf[,Anfangswert])
  

Das Array wird von links nach rechts gekürzt und das Ergebnis der letzten Verarbeitung wird als Parameter an die nächste Rückruffunktion übergeben, damit diese es verwenden kann.

• ReduzierenRechts(Rückruf[,Anfangswert])
  

Das Array wird von rechts nach links gekürzt und das Ergebnis der letzten Verarbeitung wird als Parameter an die nächste Rückruffunktion übergeben, damit diese es verwenden kann.

Andere Array-Methoden

includes(value) ES6 Bestimmt, ob ein Array ein bestimmtes Element enthält

Zusammenfassen

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