Heim >Web-Frontend >js-Tutorial >Interaktion in Listen mit Map, forEach und anderen Methoden
Wenn wir uns mit Listen in modernen Programmiersprachen befassen, finden wir häufig mehrere Möglichkeiten, ihre Elemente zu durchlaufen und Operationen an ihnen durchzuführen. Zu den beliebtesten Strukturen hierfür gehören die Methode „map“, „forEach“, „filter“ und andere. Diese Methoden sind für jeden unerlässlich, der prägnanteren, effizienteren und lesbareren Code schreiben möchte. Lassen Sie uns diese Methoden, ihre Unterschiede, Vorteile und wie man sie richtig anwendet, erkunden.
forEach ist eine Methode, die zum Durchlaufen einer Liste und zum Ausführen einer Rückruffunktion für jedes Element in der Liste verwendet wird. Im Gegensatz zu einigen Methoden, die wir später sehen werden, gibt es kein neues Array zurück, sondern führt einfach eine Aktion für jedes Element in der Liste aus.
In JavaScript können wir forEach wie folgt verwenden:
const numeros = [1, 2, 3, 4, 5]; numeros.forEach(numero => { console.log(numero * 2); });
In diesem Beispiel durchläuft die forEach-Methode jede Zahl in der Zahlenliste und gibt die doppelte Zahl jedes Werts aus. Hier wäre das Ergebnis:
2 4 6 8 10
Karte ist eine der am häufigsten verwendeten Methoden in Listen. Es erstellt ein neues Array aus den Ergebnissen der Anwendung einer Funktion auf jedes Element in der ursprünglichen Liste. Der Hauptunterschied zu forEach besteht darin, dass Map ein neues Array zurückgibt, anstatt einfach zu iterieren.
Weiter mit dem vorherigen Beispiel:
const numeros = [1, 2, 3, 4, 5]; const dobrados = numeros.map(numero => numero * 2); console.log(dobrados);
Hier gibt die Kartenmethode eine neue Liste zurück, die die doppelten Zahlen enthält:
[2, 4, 6, 8, 10]
Der Filter erstellt ein neues Array, das nur die Elemente enthält, die einen durch eine Rückruffunktion angegebenen Test bestehen. Diese Methode ist nützlich, wenn wir Elemente basierend auf einer Bedingung entfernen oder auswählen möchten.
const numeros = [1, 2, 3, 4, 5]; const pares = numeros.filter(numero => numero % 2 === 0); console.log(pares);
Hier gibt der Filter nur gerade Zahlen zurück:
[2, 4]
reduce ist eine fortgeschrittenere Methode, die einen Wert basierend auf den Elementen in der Liste akkumuliert. Es kann verwendet werden, um Werte hinzuzufügen, Zeichenfolgen zu verketten oder sogar komplexe Objekte aus Listen zu erstellen.
const numeros = [1, 2, 3, 4, 5]; const soma = numeros.reduce((acumulador, numero) => acumulador + numero, 0); console.log(soma);
In diesem Beispiel akkumuliert Reduzieren die Summe aller Zahlen in der Liste:
15
find wird verwendet, um das erste Element zu finden, das eine Bedingung in einer Liste erfüllt. Es gibt das erste Element zurück, das mit der Testfunktion übereinstimmt, und stoppt die Iteration, wenn das Element gefunden wird.
const numeros = [1, 2, 3, 4, 5]; const primeiroPar = numeros.find(numero => numero % 2 === 0); console.log(primeiroPar);
Hier gibt „find“ die erste gerade Zahl zurück:
2
Die Methode some prüft, ob mindestens ein Element in der Liste mit einer Bedingung übereinstimmt. Jeder prüft, ob alle Elemente in der Liste einen Test bestehen.
const numeros = [1, 2, 3, 4, 5]; const temNumeroMaiorQue3 = numeros.some(numero => numero > 3); console.log(temNumeroMaiorQue3);
Este código retornará:
true
Já o every funciona da seguinte forma:
const todosPositivos = numeros.every(numero => numero > 0); console.log(todosPositivos);
Este código retornará:
true
Os métodos de iteração em listas, como map, forEach, filter, reduce, find, some e every, são ferramentas poderosas para processar dados de forma eficiente e legível. Saber quando usar cada um deles pode melhorar significativamente a qualidade e a eficiência do código, tornando-o mais expressivo e mantendo o foco nas operações necessárias.
Com essa base, você poderá criar código mais limpo e eficiente, aproveitando ao máximo o poder dessas funções.
Das obige ist der detaillierte Inhalt vonInteraktion in Listen mit Map, forEach und anderen Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!