forEach Loop i JavaScript: One Stop Solution för nybörjare



I den här bloggen lär vi oss om forEach-slingan och dess implementering i JavaScript. Bloggen täcker ämnen som parametrar, retur och användning.

ger en mängd olika sätt att implementera loopar för att korsa genom en array. Idag ska vi diskutera en viss slinga som snabbt har blivit en favorit bland utvecklare för varje loop i JavaScript. Nedan följer ämnen som vi kommer att undersöka:

Vad är loopar och arrays?

Loop är termen för processen att implementera en iterator, dvs. något som görs upprepade gånger. Så om du skulle räkna från 1 till 10 skulle du implementera en slinga som slingrar tio gånger och ökar ett räknevärde med 1.

Arrayer är enkelt uttryckt, en samling liknande föremål. Det är i allmänhet bra att hålla en lista med saker, till exempel studentinformation, som kan lagras som ett studentobjekt i en matris. Ett bra sätt att korsa en matris har varit en for loop, och det är precis vad forEach loop förbättras på. Låt oss lära oss mer om forEach-slingan.





vad är skillnaden mellan jquery och javascript

forEach i JavaScript-syntax

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Du kan utföra önskad funktion här skriv ut (student)}


Ovanstående klipp är syntaxen för a för varje slinga in . Låt oss titta närmare på hur allt detta genomförs. Vi förklarar först en rad studentnamn och namnge det på lämpligt sätt. Sedan åberopar vi forEach-funktionen med punkt (.) operatör. De data som returneras av funktionen lagras i studenten. Uppgifterna returneras av en återuppringningsfunktion. I det här exemplet skriver vi helt enkelt ut namnen på studenten som skulle ge resultatet 'Rob Van Dam'

Parametrar för forEach i JavaScript

Parametrarna skickas i återuppringningsfunktionen, de är-



  • currentValue - De aktuella värdena som skickas i återuppringningen. I klippet är currentValue studerande . Denna parameter är obligatorisk.
  • index - Indexet för det aktuella elementet i matrisen. Detta är en valfri parameter.
  • detta - detta hänvisar till det aktuella objektet i samtalsstacken.

Returvärde för forEach i JavaScript

odefinierad . Alltid .

Filter, Map returnerar en matris och forEach returnerar odefinierad. Detta är den största skillnaden mellan dessa slingor.



Nu när grunderna är klara, låt oss gå igenom några regler som du måste komma ihåg när du använder för varje .

  • forEach utför återuppringningsfunktionen en gång för varje arrayelement.
  • Den returnerar alltid odefinierad.
  • Det muterar inte arrayen, men återuppringningen kan om det är programmerat att göra det.
  • forEach är inte kedjestabilt som att mappa, minska eller filtrera.
  • Utbudet av element som bearbetas av för varje slingan ställs in före den första anropet av återuppringningsfunktionen.
  • Element bifogades matrisen efter förVarje startad besöks inte av slingan.
  • Element som raderas innan de besöks av slingan besöks inte.
  • Om element som redan besöks tas bort från matrisen under iterationen hoppas senare element över.
  • för Varje slinga som en gång startat kan inte stoppas utan att processtråden dödas. Tänk på det som ett abonnemang. Du måste avsluta prenumerationen för att den ska sluta.
  • forEach utför inte återuppringningen för arrayelementen utan värden.

Dessa är de regler som alltid ska hållas i åtanke när du använder för varje slinga.

vad gör tostring i java

Nu när du känner till forEach-slingan, kolla in webbutvecklingscertifieringsutbildningen av Edureka. Webbutvecklingscertifieringsträning hjälper dig att lära dig att skapa imponerande webbplatser med HTML5, CSS3, Twitter Bootstrap 3, jQuery och Google API: er och distribuera den till Amazon Simple Storage Service (S3).

Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i “forEach in JavaScript” så återkommer vi till dig.