Technologieaustausch

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

In JavaScript ist ein Array eine sehr wichtige Datenstruktur, die zum Speichern mehrerer Werte verwendet wird. JS bietet viele integrierte Methoden zum Bearbeiten von Arrays, wodurch die Datenverarbeitung einfacher und effizienter wird. In diesem Artikel werden einige häufig verwendete JavaScript-Array-Methoden ausführlich vorgestellt. Dies sind nicht nur häufig verwendete Methoden in der täglichen Entwicklung, sondern auch der Schwerpunkt von Interviews

1. push() und pop()

drücken()

Die Methode push() fügt ein oder mehrere Elemente am Ende eines Arrays hinzu und gibt die Länge des neuen Arrays zurück.

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

Parameter: Ein oder mehrere Elemente, die am Ende des Arrays hinzugefügt werden sollen.

Rückgabewert: Die Länge des neuen Arrays.

Pop()

Die Methode pop() entfernt ein Element vom Ende des Arrays und gibt dieses Element zurück.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

Parameter: keiner.

Rückgabewert: Das gelöschte Element.

2. Shift() und Unshift()

Schicht()

Die Methode „shift()“ wird verwendet, um ein Element am Anfang des Arrays zu löschen und dieses Element zurückzugeben.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

Parameter: keiner.

Rückgabewert: Das gelöschte Element.

unshift()

Die Methode unshift() fügt ein oder mehrere Elemente am Anfang eines Arrays hinzu und gibt die Länge des neuen Arrays zurück.

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

Parameter: Ein oder mehrere Elemente, die am Anfang des Arrays hinzugefügt werden sollen.

Rückgabewert: Die Länge des neuen Arrays.

3. Slice() und Splice()

Scheibe()

Die Methode „slice()“ wird verwendet, um ein neues Array zurückzugeben, das von Anfang bis Ende (exklusiv) ausgewählt wurde. Das ursprüngliche Array wird nicht geändert.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

Parameter:

beginnennen(Optional): Starten Sie die Extraktion aus diesem Index (und dessen Einbindung).

Ende(Optional): Beenden Sie die Extraktion vor diesem Index (und nicht einschließlich).

Rückgabewert:

ein neues Array, das from enthält beginnennen ankommenEnde(ausschließlich Ende)Elemente.

spleißen()

spleißen() Methoden werden verwendet, um den Inhalt eines Arrays zu ändern, indem vorhandene Elemente entfernt oder ersetzt oder neue Elemente hinzugefügt werden. Der Rückgabewert ist das gelöschte Element.

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

Parameter:

Start: Gibt die Startposition der Änderung an.

Anzahl löschen(optional): Ganzzahl, die die Anzahl der zu entfernenden Elemente angibt.

Element1, Element2, ...(optional): Das neue Element, das dem Array hinzugefügt werden soll.

Rückgabewert: Ein Array, das die gelöschten Elemente enthält.

4. concat()

concat() Methode zum Zusammenführen von zwei oder mehr Arrays. Diese Methode ändert das vorhandene Array nicht, sondern gibt ein neues Array zurück.

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

Parameter: Array oder Wert, der mit dem aktuellen Array zusammengeführt werden soll.

Rückgabewert: ein neues Array.

5. fürJedes()

für jede() Die Methode führt die bereitgestellte Funktion einmal für jedes Element des Arrays aus.

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

Parameter: Eine Funktion, die als Parameter das aktuelle Element, den Elementindex und das Array selbst akzeptiert.

Rückgabewert: keiner.

6. Karte ()

Karte() Die Methode erstellt ein neues Array, dessen Ergebnis darin besteht, dass jedes Element im Array der Rückgabewert eines Aufrufs der bereitgestellten Funktion ist.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

Parameter: Eine Funktion, die als Parameter das aktuelle Element, den Elementindex und das Array selbst akzeptiert.

Rückgabewert: ein neues Array.

7. filter()

Filter() Die Methode erstellt ein neues Array, das alle Elemente des von der bereitgestellten Funktion implementierten Tests enthält.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

Parameter: Eine Funktion, die das aktuelle Element, den Elementindex und das Array selbst als Parameter akzeptiert und einen booleschen Wert zurückgibt.

Rückgabewert: ein neues Array.

8. reduzieren()

reduzieren() Die Methode führt eine von Ihnen bereitgestellte Reduzierfunktion (in aufsteigender Reihenfolge) für jedes Element im Array aus und fasst die Ergebnisse in einem einzigen Rückgabewert zusammen.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

Parameter:Reduzierstück Funktion, die einen Akkumulator und den aktuellen Wert als Argumente akzeptiert.

Ursprünglicher Wert(Optional): Als Wert des ersten Parameters beim ersten Aufruf der Callback-Funktion.

Rückgabewert: Kumulierte Ergebnisse.

9. finden()

finden() Die Methode gibt den Wert des ersten Elements im Array zurück, das die bereitgestellte Testfunktion erfüllt.Ansonsten zurücknicht definiert。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

Parameter: Eine Funktion, die das aktuelle Element, den Elementindex und das Array selbst als Parameter akzeptiert und einen booleschen Wert zurückgibt.

Rückgabewert: Der erste Elementwert, der den Test besteht.

10. beinhaltet()

beinhaltet() Die Methode wird verwendet, um festzustellen, ob ein Array einen angegebenen Wert enthält. Je nach Situation wird es zurückgegeben, wenn es enthältWAHR, andernfalls zurückgeben FALSCH。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

Parameter:

Zu suchender Wert: Der zu findende Elementwert.

vonIndex(Optional): Beginnen Sie mit der Suche an diesem Index.

Rückgabewert: Boolescher Wert.

Durch das Erlernen dieser gängigen JavaScript-Array-Methoden können wir die vom Backend übergebenen Daten effizienter verarbeiten und prägnanteren und lesbareren Code schreiben. Ich hoffe, dieser Artikel hilft Ihnen!