Array Iteration Methods in JavaScript forklart med eksempler

JavaScript tilbyr noen innebygde iterasjonsmetoder som fungerer på hvert matriseelement. De hyppigst brukte iterasjonsmetodene er foreach (), filter (), kart (), redusere (), reduserett (), hver (), noen (), og finne (). I denne artikkelen vil vi diskutere arbeidet med hver metode individuelt.

JavaScript foreach () -metode

I JavaScript kaller metoden foreach () den gitte funksjonen, for hvert eneste element som er til stede i en matrise. Foreach -metoden krever tre parametere, en for det nåværende elementets verdi, den andre parameteren for det nåværende elementets indeks, og den endelige er for matrisen som foreach () -metoden må fungere.

Tenk på den undergitte koden for å forstå hvordan foreach () -metoden fungerer:

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
Empnames.foreach (printnames =>
konsoll.Logg ("Ansattes navn:", Printnames);
);

I den ovennevnte koden er det en rekke fem elementer, og foreach () -metoden brukes med matrisen for å skrive ut navnet på hver ansatt i nettleserens konsoll:

Som et resultat vil foreach () -metoden skrive ut hvert element på konsollen:

JavaScript Filter () -metode

JavaScript tilbyr en annen iterativ metode som heter filter() Det tar en betingelse som en parameter og returnerer en ny rekke bare de elementene som oppfyller den spesifiserte tilstanden:

For bedre å forstå filtermetoden i JavaScript, la oss ta et eksempel der vi ønsker et filtrert utvalg av ansatte hvis navn starter med 'J':

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const filterednames = empnames.filter (StringIndex =>
Return StringIndex [0] === "J";
);
konsoll.Logg ("ansattes navn:", filtrerte navn);

I dette eksemplet passerte vi en tilstand til filter () -metoden for å sjekke den første bokstaven til hvert element og returnere en liste over elementer hvis første element er lik “J”.

Utgangen vil vise navnet på de ansatte som starter med “J”:

JavaScript Map () -metode

JavaScript Map () -metoden utfører en viss funksjonalitet over den originale matrisen iterativt og produserer en ny matrise uten å påvirke den originale matrisen. Tenk på et eksempel for å legge til navnet “Wilson” med hvert ansattes navn:

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const newNames = empnames.kart (addName =>
Returner addname + "Wilson";
);
konsoll.Logg ("Ansatte nye navn:", nynavn);

Vi returnerer et ekstra navn “Wilson” med verdi, så det vil legge til dette navnet med hvert element i matrisen “EmpName”:

Utgangen fra MAP () -metoden vil bekrefte at den itererer hvert element i matrisen “EmpNames” og utfører den samme funksjonaliteten over hele matrisen:

JavaScript redusere () -metoden

Reduce () -metoden er en array iterasjonsmetode tilgjengelig i JavaScript som reduserer hele matrisen til en verdi.

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const newNames = empnames.redusere ((name1, name2) =>
return name1 + "" + name2;
);
konsoll.Logg ("Redusert navn:", nynavn);

I eksemplet ovenfor har vi en matrise med fem navn, ved å bruke redusere () -metoden Vi reduserer hele matrisen til ett navn, vi passerte to parametere til reduseringsmetoden “Name1” og “Name2”, og vi vil bruke noen prosesser på dem og vil returnere dem tilbake:

Utgangen fra ovennevnte kode vil være en enkelt verdi:

Reduser () -metoden kan brukes over hvilken som helst datatype som strenger, tall og matriser. Som standard fungerer Reduce () -metoden fra venstre mot høyre, mens tvert imot i tilfeller der vi ønsker å utføre funksjonalitet fra høyre til venstre, kan vi bruke Redusight () -metoden.

JavaScript hver () -metode

Every () -metoden er en annen array iterasjonsmetode i JavaScript, den tar en tilstand og tester den med hvert arrayelement som et resultat av at den returnerer sant eller usant.

For å forstå hvordan hver () -metode fungerer i JavaScript, bør du vurdere følgende kode:

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
Const EveryName = EmpNames.hver (sjekknavn =>
return checkname [0] === "j";
);
konsoll.Logg ("Alle navn starter med J:", EveryName);

I dette eksemplet bruker vi hver () metode for å teste om alle elementene i matrisen starter med J eller ikke:

Every () -metoden kommer tilbake falsk Fordi alle navnene i matrisen ikke starter med bokstaven "J". Produksjonen ville være ekte Hvis alle navnene i matrisen ble startet med “J”:

JavaScript noen () -metode

JavaScript noen () -metode sjekker hvis noen av matriseelementene tilfredsstiller den gitte tilstanden og returnerer resultatet enten sant eller usant:

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
Const EveryName = EmpNames.noen (sjekknavn =>
return checkname [0] === "j";
);
konsoll.Logg ("Noen navn starter med J:", EveryName);

I dette eksemplet sjekker noen () metod at enten noen av de ansattes navn starter med J eller ikke:

I utdataene vil det returnere sant fordi det er noen ansatte hvis navn begynner med “J”:

JavaScript Find () -metode

JavaScript tilbyr en annen nyttig iterativ metode som bare returnerer den første verdien som oppfyller den spesifiserte tilstanden. Hvis mer enn én verdi oppfyller tilstanden, vil i stedet for å returnere alle disse verdiene, vil Find () -metoden bare returnere den første verdien. La oss forstå det med et eksempel:

const empNames = ["John", "Seth", "Danial", "John", "Micheal"];
const isFoundName = foundname =>
Returner ["Micheal", "Seth"].inkluderer (FoundName);

Const Resultat = Empnames.finn (isfoundname);
konsoll.Logg ("ansattes navn:", resultat);

I dette eksemplet ønsker vi å finne de ansatte hvis navn enten er "Micheal" eller "Seth":

Her vil Find () -metoden søke etter disse navnene i matrisen, og den vil skrive ut navnet som kommer først i matrisen:

Konklusjon:

Array Iteration Methods er innebygde JavaScript-metoder som krysser hele matrisen og jobber med hver oppføring av matrisen. I denne artikkelen vurderte vi noen viktige array -iterasjonsmetoder og implementerte dem i JavaScript hvor vi lærte hvordan disse metodene fungerer.