Array -Iterationsmethoden in JavaScript mit Beispielen erläutert
JavaScript foreach () Methode
In JavaScript ruft die foreach () -Methode die angegebene Funktion für jedes einzelne Element auf, das in einem Array vorhanden ist. Die foreAch -Methode erfordert drei Parameter, einen für den Wert des aktuellen Elements, den zweiten Parameter für den Index des aktuellen Elements und das endgültige Array, auf dem die foreach () -Methode funktionieren muss.
Betrachten Sie den untergegebenen Code, um zu verstehen, wie foreach () -Methode funktioniert:
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];Empnames.foreach (printNames =>
Konsole.log ("Mitarbeitername:", PrintNames);
);
Im oben gegebenen Code befindet sich ein Array von fünf Elementen, und mit dem Array wird für die für die Konsole des Browsers den Namen jedes Mitarbeiters verwendet:
Infolgedessen druckt foreach () die Methode jedes Element auf der Konsole:
JavaScript filter () Methode
JavaScript bietet eine andere iterative Methode mit dem Namen Filter() Dies nimmt eine Bedingung als Parameter an und gibt ein neues Array nur der Elemente zurück, die die angegebene Bedingung erfüllen:
Um die Filtermethode in JavaScript besser zu verstehen, nehmen wir ein Beispiel, in dem wir eine gefilterte Reihe von Mitarbeitern wünschen, deren Name mit 'J' beginnt:
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const gefilterte Names = Empnames.filter (stringIndex =>
return stringIndex [0] === "j";
);
Konsole.log ("Mitarbeitername:", filteredNames);
In diesem Beispiel haben wir eine Bedingung an die Filter () -Methode übergeben, um den ersten Buchstaben jedes Elements zu überprüfen und eine Liste von Elementen zurückzugeben, deren erstes Element „J“ entspricht.
Die Ausgabe zeigt den Namen der Mitarbeiter an, der mit „J“ beginnt:
JavaScript map () Methode
Die JavaScript MAP () -Methode führt iterativ einige Funktionen über das ursprüngliche Array aus und erzeugt ein neues Array, ohne das ursprüngliche Array zu beeinflussen. Betrachten Sie ein Beispiel, um den Namen "Wilson" mit jedem Mitarbeiternamen hinzuzufügen:
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const newnames = empnames.map (addname =>
return addname + "wilson";
);
Konsole.log ("Mitarbeiter neuer Namen:", Newnames);
Wir geben einen zusätzlichen Namen „Wilson“ mit Wert zurück, sodass er diesen Namen mit jedem Element des Array „Empname“ hinzufügt:
Die Ausgabe der MAP () -Methode verifiziert, dass jedes Element von Array „Empnames“ iteriert und dieselbe Funktionalität über das gesamte Array ausführt:
JavaScript record () Methode
Die Methode record () ist eine Array -Iterationsmethode, die in JavaScript verfügbar ist, das das gesamte Array auf einen Wert reduziert.
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const newnames = empnames.record ((name1, name2) =>
Rückgabe Name1 + "" + name2;
);
Konsole.log ("reduzierter Name:", Newnamen);
Im obigen Beispiel haben wir ein Array mit fünf Namen, wobei die Verrückungs -() -Methode das gesamte Array auf einen Namen reduzieren, zwei Parameter an die Reduzierung der Reduzierung „Name1“ und „Name2“ übergeben haben, und wir werden einige Prozesse anwenden sie und werden sie zurückgeben:
Die Ausgabe des obigen Codes ist ein einzelner Wert:
Die Methode record () kann auf alle Datentypen wie Zeichenfolgen, Zahlen und Arrays angewendet werden. Standardmäßig funktioniert die Reduzierung () -Methode von links nach rechts, während wir im Gegenteil in Fällen, in denen wir Funktionen von rechts nach links ausführen möchten.
JavaScript jede () Methode
Die Methode "Every () ist eine andere Array -Iterationsmethode in JavaScript. Sie nimmt eine Bedingung an und testet sie mit jedem Array -Element, in dem sie wahr oder falsch zurückgibt.
Um zu verstehen, wie jede () Methode in JavaScript funktioniert, betrachten Sie den folgenden Code:
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const allername = empnames.jeder (checkname =>
return checkname [0] === "j";
);
Konsole.log ("Alle Namen beginnt mit J:", allerName);
In diesem Beispiel verwenden wir jede () Methode, um zu testen, ob alle Elemente des Arrays mit j beginnen oder nicht:
Die Methode jeder () zurückkehrt FALSCH Weil alle Namen im Array nicht mit dem Buchstaben "J" beginnen. Die Ausgabe wäre sein WAHR Wenn alle Namen im Array mit "J" gestartet wurden:
JavaScript einige () Methoden
JavaScript einige () Methoden prüft, ob einige der Array -Elemente die angegebene Bedingung erfüllen und das Ergebnis entweder wahr oder falsch zurückgeben:
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const allername = empnames.einige (checkname =>
return checkname [0] === "j";
);
Konsole.log ("Einige Namen beginnt mit J:", allername);
In diesem Beispiel prüft einige () Methoden, dass entweder ein Teil des Namens des Mitarbeiters mit J beginnt oder nicht:
In der Ausgabe wird es zurückkehren, da es einige Mitarbeiter gibt, deren Namen mit „J“ beginnen:
JavaScript find () Methode
JavaScript bietet eine andere nützliche iterative Methode, die nur den ersten Wert zurückgibt, der die angegebene Bedingung erfüllt. Wenn mehr als ein Wert die Bedingung erfüllt, gibt die Methode Find () nur den ersten Wert zurück, anstatt alle diese Werte zurückzugeben, anstatt alle diese Werte zurückzugeben. Verstehen wir es mit einem Beispiel:
const empnames = ["John", "Seth", "Danial", "John", "Micheal"];const isFoundName = fandname =>
Rückkehr ["Micheal", "Seth"].inklusive (fasisName);
const result = empnames.find (isFoundName);
Konsole.log ("Mitarbeitername:", Ergebnis);
In diesem Beispiel möchten wir die Mitarbeiter finden, deren Namen entweder „Micheal“ oder „Seth“ sind:
Hier sucht die Find () -Methode im Array nach diesen Namen und druckt den Namen, der im Array an erster Stelle steht:
Abschluss:
Array-Iterationsmethoden sind integrierte JavaScript-Methoden, die das gesamte Array durchqueren und an jedem Eintrag des Arrays arbeiten. In diesem Artikel haben wir einige wesentliche Array -Iterationsmethoden berücksichtigt und sie in JavaScript implementiert, wo wir gelernt haben, wie diese Methoden funktionieren.