forEach Loop in JavaScript: one-stop-oplossing voor beginners



In deze blog zullen we leren over de forEach loop en de implementatie ervan in JavaScript. De blog behandelt onderwerpen als parameters, rendement en gebruik.

biedt een groot aantal manieren om lussen te implementeren om door een array te bladeren. Vandaag gaan we een bepaalde lus bespreken die al snel een favoriet is geworden onder ontwikkelaars de voor elk lus in JavaScript. Hieronder staan ​​de onderwerpen die we zullen onderzoeken:

Wat zijn lussen en arrays?

Loop is de term voor het proces van het implementeren van een iterator, d.w.z. iets dat herhaaldelijk wordt gedaan. Dus als je van 1 tot 10 zou tellen, zou je een lus implementeren die tien keer wordt herhaald en een telwaarde met 1 verhoogt.

Arrays zijn simpel gezegd, een verzameling vergelijkbare objecten. Het is over het algemeen geweldig voor het bijhouden van een lijst met dingen, bijvoorbeeld leerlinggegevens, die kunnen worden opgeslagen als leerlingobject in een array. Een geweldige manier om een ​​array te doorlopen is een for-lus geweest, en dat is precies wat de forEach-lus verbetert. Laten we meer leren over de forEach-lus.





forEach in JavaScript-syntaxis

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Je kunt hier de gewenste functie uitvoeren print (student)}


De bovenstaande snip is de syntaxis van een voor elk loop in . Laten we eens nader bekijken hoe dit allemaal wordt uitgevoerd. We declareren eerst een reeks studentennamen en noemen deze op de juiste manier. Vervolgens roepen we de functie forEach aan met de punt (.) operator. De gegevens die door de functie worden geretourneerd, worden opgeslagen in student. De gegevens worden geretourneerd door een callback-functie. In dit voorbeeld drukken we gewoon de namen af ​​van de leerling die de uitvoer zou geven ‘Rob Van Dam’

bestandsafhandeling in Java-voorbeeld

Parameters van forEach in JavaScript

De parameters worden doorgegeven in de callback-functie, ze zijn-



  • currentValue - De huidige waarden die worden doorgegeven in de callback. In de knipsel is de currentValue leerling . Deze parameter is verplicht.
  • index - De index van het huidige element in de array. Dit is een optionele parameter.
  • dit - dit verwijst naar het huidige object in de oproepstapel.

Retourwaarde van forEach in JavaScript

ongedefinieerd . Altijd .

php mysql_fetch_array

Filter, Map retourneert een array en forElk retourneert ongedefinieerd. Dit is het belangrijkste verschil tussen deze lussen.



ga naar in c ++

Nu de basis is voltooid, gaan we een paar regels doornemen waarmee u rekening moet houden bij het gebruik voor elk .

  • forEach voert de callback-functie eenmaal uit voor elk array-element.
  • Het keert altijd ongedefinieerd terug.
  • Het muteert de array niet, maar het terugbellen kan als dit is geprogrammeerd.
  • forEach is niet schakelbaar zoals kaart, verkleinen of filteren.
  • Het scala aan elementen verwerkt door voor elk lus wordt ingesteld vóór de eerste aanroep van de callback-functie.
  • Elementen die na forEach gestart worden niet bezocht door de lus.
  • Elementen die zijn verwijderd voordat ze door de lus werden bezocht, worden niet bezocht.
  • Als elementen die al zijn bezocht tijdens de iteratie uit de array worden verwijderd, worden latere elementen overgeslagen.
  • eenmaal gestarte lus kan niet worden gestopt zonder de procesdraad te doden. Zie het als een abonnement. U moet zich erop afmelden om te stoppen.
  • forEach voert de callback niet uit voor de array-elementen zonder waarden.

Dit zijn de regels waarmee u altijd rekening moet houden bij het gebruik van de voor elke lus.

Nu je weet wat de forElke lus is, kun je de Web Development Certification Training van Edureka bekijken. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).

Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van 'forEach in JavaScript' en we nemen contact met u op.