JavaScript foreach

Når du jobber med matriser i JavaScript, kan det hende du må iterere matrisen for å få produksjon mens du utfører noen operasjoner på dem. For å gjøre det gir JavaScript noen metoder, inkludert "for hver()”Metode som vil utføre den spesifiserte funksjonen en gang for hvert element i en matrise.

Denne artikkelen vil illustrere funksjonaliteten til JavaScript foreach () -metoden.

Hva er JavaScript foreach () -metode?

“for hver()”Metode itererer gjennom en matrise elementer mens du kaller en funksjon. Den bruker en funksjon annerledes enn den tradisjonelle “for sløyfe”. Denne metodens avkastningsverdi er alltid udefinert. Avhengig av funksjonaliteten til argumentfunksjonen, kan denne metoden ikke endre den beståtte matrisen.

Syntaks
Følg den gitte -nevnte syntaks for å bruke foreach -sløyfe i JavaScript:

foreach (tilbakeringing (element, indeks, ARR));

Her, "Ring tilbake()”Er funksjonen som vil bli påkalt for hvert element i matrisen som er lagret i denne parameteren,”element”Er verdien av en rekke som vil bli behandlet,”indeks”Er indeksen for elementet som vil bli behandlet, og“arr”Er matrisen som sendes til metoden. “arr" og "indeks”Er de valgfrie argumentene, mens“element" er obligatorisk.

Eksempel 1
I dette eksemplet vil vi først opprette en rekke oddetall:

var oddNumbers = [1, 3, 5, 9, 11];

Nå skal vi skrive ut elementene i matrisen på konsollen:

oddetall.foreach (funksjon (tall)
konsoll.logg (nummer);
);

Produksjon

La oss nå se hvordan du bruker foreach () -metoden i JavaScript med en HTML -fil.

Eksempel 2
Her, i HTML -fil, oppretter vi en knapp som påkaller "FindSquare ()”Metode når dens onClick -hendelsen utløses:

Klikk for å se kvadratet med oddetall:

Deretter definerer du en funksjon som heter “FindSquare ()”Som inneholder en rekke oddetall og en tom matrise. I sin funksjonsdefinisjon, ring foreach () -metoden som vil kvadratere hvert element av matrise og deretter skyve den i det tomme “torget”Array:

funksjon findSquare ()
var oddNumbers = [1, 3, 5, 9, 11];
var square = [];
oddetall.foreach (funksjon (tall)
torget.PUSH (nummer * nummer);
);

Til slutt, skriv ut de nye verdiene ved å bruke “dokument.skrive()”Metode:

dokument.Skriv ("kvadrat med oddetall '1,3,5,7,9,11' er:");
dokument.skrive (firkantet);

Når knappen er klikket, vises alle verdiene til den firkantede matrisen:

Vi har dekket all essensiell informasjon relatert til JavaScript foreach () -metoden.

Konklusjon

“for hver()”Metode kaller en funksjon mens du itererer gjennom gjenstandene til en matrise. Det skiller seg noe fra den tradisjonelle “for sløyfe”. Denne metoden brukes til å iterere gjennom sett, kart og matriser. I denne artikkelen illustrerte vi JavaScript foreach () -metoden med detaljerte eksempler, inkludert konsollbasert og den koblede JavaScript-filen med HTML.