Forskjell mellom foreach og kartløkke i JavaScript

JavaScript har et knippe innebygde metoder for å utføre forskjellige matematiske operasjoner på matriseelementene. De kart() og for hver() er to metoder som itererer over elementene i det eksisterende utvalget. De kart() Metoden bruker en funksjon på hvert element i matrisen og returnerer en ny matrise, mens foreach () -metoden også bruker samme funksjon, men den endrer elementene i den aktuelle matrisen.

Dette innlegget beskriver kartet () og foeach () metoder i detalj for å skille disse metodene i JavaScript.

Hvordan fungerer foreach () -metoden i JavaScript?

De for hver() Metoden brukes for å utføre en viss operasjon på matriseelementene. Det lar deg utføre en tilbakeringingsmetode. De for hver() Metode returtype er udefinert, da den helt avhenger av funksjonaliteten til tilbakekallingsfunksjonen.

Det er en nyere måte å skrive mindre kode som itererer over en matrise. Syntaks for foreach () -metoden er gitt nedenfor:

Syntaks

Array.foreach (funksjon (element, indeks, matrise), denne valen)

Beskrivelsen av syntaks er som følger:

• funksjon (element, indeks, matrise): er en nødvendig funksjon for å iterere over matriseelementer.
• element: Angir det eksisterende matriselementet.
• indeks: Representerer indeksen for det eksisterende elementet.
• Array: Angir navnet på matrisen som element tilhører.
• detteVal: representerer denne verdien av funksjonen.

Eksempel

Følgende eksempelkode er tilpasset for å diskutere bruken av for hver() Metode i JavaScript.

Kode

Et eksempel på å bruke foreach ()

Beskrivelsen av koden er som følger:

• Det opprettes en tagg som vil bli brukt til å vise matrisen.
• Etter det en matrise en initialiseres med seks elementer fra 10 til 15.
• Videre for hver() Metoden brukes til å iterere over matriseelementene .
• Intertext -egenskapen vil hente alt innholdet i 'div' element.
• Appendchild -egenskapen brukes til å legge barnelementene til elementet som har ID “ID1”.

Produksjon

Det observeres at elementene i matrisen skrives ut i nettleserens vindu.

Hvordan fungerer MAP () -metoden i JavaScript?

Metten () -metoden returnerer transformerte elementer i en ny matrise ved å bruke tilbakeringingsfunksjonen på hvert element i matrisen. Metoden er uforanderlig og kan endre/veksle dataene. Det er raskere sammenlignet med foreach () -metoden. Det gir kjedelige funksjoner; Brukere kan knytte sort (), filter () og redusere () metoder etter å ha brukt kart () på matriser på matriser. Dessuten returnerer den i samme størrelse som den eksisterende matrisen.

Syntaksen er gitt nedenfor.

Syntaks

Array.Kart (funksjon (element, indeks, matrise), denne valen)

Beskrivelsen av parametrene er som følger:

• funksjon (element, indeks, matrise): betegner funksjonen som skal brukes på hvert matriseelement.
• element: spesifiser det gjeldende elementet i matrisen
• indeks: Representere indeksen for det nåværende elementet
• Array: spesifiser navnet på matrisen for tilbakeringingsmetoden
• detteVal: viser gjeldende verdi av funksjonen.

Kode

konsoll.Logg ('Et eksempel på å bruke kartet ()')
const num = [10, 9, 8, 7, 6]
konsoll.Logg (Num.Kart (ele =>
ele * ele))

Beskrivelsen av koden er oppført her.

• For det første vises en melding ved hjelp av “Konsoll.Logg()" metode.
• Etter det en Array er ansatt med navnet Num der fem elementer er definert.
• Til slutt kart() Metoden brukes til å returnere en ny matrise der alle elementene er multiplene av seg selv.

Produksjon

Utfallet av koden viser at kart() Metoden returnerer kvadratverdiene 10, 9, 8, 7, og 6 til 100, 81, 64, 49, og 36.

Konklusjon

Metodene for kart () og foreach () bruker funksjonen til å utføre iterasjon over matriseelementene. Resultatet, MAP () -metoder oppretter en matrise, mens returtypen til foreach (0 -metoden er udefinert. I dette innlegget beskrives en detaljert forklaring av MAP () og foreach () -metoden for å skille disse to iterasjonsmetodene. Begge metodene brukes til å iterere over matriseelementene.