Ulike måter å iterere over en matrise i JavaScript

I JavaScript er det veldig avgjørende å iterere over en matrise og kan oppnås ved hjelp av forskjellige innebygde metoder, og løkker. JavaScript-loopingstrukturer, så vel som innebygde matrise-metoder, itererer over hvert eneste array-element. Tradisjonelle løkker som for-loop og while-loop er den enkleste og enkleste måten å iterere over en matrise mens matrisemetodene som filter (), kart (), etc. brukes til å krysse så vel som til å tjene forskjellige funksjonaliteter på matriseelementene.

Denne artikkelen vil dekke de nedenfor-listede måtene å iterere over en matrise i JavaScript:

• Hvordan iterere over en matrise ved hjelp av tradisjonell for-loop
• Hvordan iterere over en matrise ved hjelp av JavaScript foreach () -metoden
• Hvordan iterere over en matrise som bruker mens du er sløyfe
• Hvordan bruke til ... av uttalelser til iterate matriseelementer
• Hvordan iterate matriseelementer ved hjelp av kart () -funksjon

Så la oss komme i gang!

Hvordan iterere over en matrise ved hjelp av tradisjonell for-loop?

På et hvilket som helst programmeringsspråk inkludert JavaScript er den mest brukte måten å iterere over en matrise for-loop. Utdraget nedenfor vil hjelpe deg med å forstå syntaksen til For-loop:

for (initialisering; tilstand; økning/reduksjon)
//kode

Her,

• “Initialisering” spesifiserer hvor du skal starte sløyfen.
• "Tilstand" spesifiserer oppsigelseskriteriene for loopen.
• Økning og reduksjonsoperatør øker eller reduserer verdien av den gitte variabelen.

Eksempel: itering over en matrise ved hjelp av for-loop
I dette programmet har vi en rekke studentnavn, og vi vil iterere det ved å bruke for-loop:

stdnames = ["Seth", "Mike", "Daniel", "John", "Bryn"];
for (i = 0; i < stdNames.length; i++)
konsoll.Log ("At Index", I, Stdnames [i]);

I dette programmet utførte vi følgende oppgaver:

• For det første opprettet vi en rekke som består av fem elementer.
• Deretter benyttet vi for Loop for å iterere alle elementene i den gitte matrisen.
• Innenfor-loopen benyttet vi oss av lengden for å finne matrisens lengde.
• Til slutt benyttet vi konsollen.Logg () Metode for å skrive ut hvert element i den gitte matrisen.

Slik kan vi bruke for -loopen til iterate matriseelementer i JavaScript.

Hvordan iterere over en matrise ved hjelp av JavaScript foreach () -metoden

Foreach () -metoden i JavaScript påkaller en tilbakeringingsfunksjon for hvert eneste element i den gitte matrisen. Utdraget nedenfor vil hjelpe deg med å komme i gang med foreach () -metoden:

ArrayName.foreach ((element) =>
//kode
);

Eksempel: itering over en matrise ved bruk av foreach () -metode
La oss se på den gitte kodeblokken nedenfor for å forstå hvordan du bruker foreach () -metoden for å iterere over en matrise i JavaScript:

var stdage = [15, 18, 20, 16, 17];
var string = "";
Stdage.foreach (utskrift);
funksjon Printage (alder)
String = streng + alder + "\ n";

konsoll.log ("Student's Age:");
konsoll.log (streng);

• For det første, lage en matrise og en tom streng.
• Deretter bruker du foreach () -metoden sammen med den gitte matrisen.
• Foreach () -metoden påkalt funksjonen "Printage ()" for hvert eneste array -element.
• "Printage" -funksjonen lagret studentalderen i strengvariabelen.
• Til slutt trykket studentens alder på konsollen.

Slik fungerer foreach () -metoden i JavaScript.

Hvordan iterere over en matrise som bruker mens du er sløyfe?

I JavaScript kan en stundsløyfe brukes til å iterere gjennom en matrise. For å gjøre det, må vi følge syntaksen nedenfor:

initialisering;
mens (tilstand)

//kode
økning/reduksjon;

Eksempel: iterere over en matrise som bruker mens du er sløyfe

I dette programmet vil vi iterere matrisen som bruker mens Loop:

stdnames = ["Seth", "Mike", "Daniel", "John", "Bryn"];
i = 0;
mens jeg < stdNames.length)
konsoll.Log ("At Index", I, Stdnames [i]);
Jeg++

Ovennevnte program utførte følgende oppgaver:

• Opprettet en matrise.
• Brukte mens Loop.
• Initialisert sløyfen med 0.
• Iterert over hvert eneste element i matrisen.
• Trykket gjeldende indeks og dens respektive verdi.
• Til slutt økte variabelen.

Output bekreftet arbeidet med mens Loop i JavaScript.

Hvordan bruke til ... av uttalelser til iterate matriseelementer?

For ... av loop/uttalelse er et nytt tillegg i JavaScript introdusert i de siste versjonene av ES6. Det gjør oss i stand til å sløyfe/iterere over de iterable objektene som matriser, strenger, sett og så videre. Tenk på utdraget for å forstå syntaks for for ... av uttalelser:

for (variabel av iterable)
// kode

Eksempel: iterere over en matrise som bruker for ... av uttalelser
Dette eksempelprogrammet vil gi deg en dyp forståelse av for ... av uttalelser:

var stdage = [16, 18, 19, 16, 17];
var string = "";
for (var age of stdage)
String = streng + alder + "\ n";

konsoll.log ("Student's Age:");
konsoll.log (streng);

Ovennevnte program serverte de nedenfor børsnoterte funksjonalitetene:

• Opprettet en matrise og en tom streng.
• Benyttet for… av uttalelser.
• Iterert over hvert eneste array -element.
• Lagret studentalderen i strengvariabelen.
• Til slutt trykket studentens alder på konsollen.

Utgangen bekreftet arbeidet med for ... av uttalelser i JavaScript.

Hvordan iterate matriseelementer ved hjelp av kart () -funksjon?

I JavaScript kan kart () -funksjonen brukes til å få en ny rekke kartlagte elementer. Metoden () Metoden påkaller en funksjon for hvert eneste arrayelement.

Følgende vil være syntaks for array map () -metoden:

ArrayName.kart (funksjonaname);

Eksempel: itering over en matrise ved hjelp av kartmetode
I dette programmet bruker vi kartmetoden for å iterere over matrisen:

var stdage = [15, 20, 17, 16, 19];
var doubleage = stdage.Kart (Twiceage)
funksjon Twiceage (resultat)
Returresultat * 2;

konsoll.Logg ("Original Array:", Stdage);
konsoll.logg ("resulterende matrise:", doubleage);

Ovennevnte kodebit utførte de nedenfor listede funksjonene:

• Opprettet en matrise.
• Benyttet kart () -funksjonen for å iterere over den gitte matrisen.
• Kart () Metode multiplisert hvert element med 2 og returnerte det.

Utgangen klargjorde at MAP () -metoden iterert over hvert arrayelement og multiplisert matriseelementene med 2.

Tilsvarende kan vi bruke noen andre kjente innebygde matrise-metoder for å iterere over en matrise for eksempel “Array.filter () ”,“ Array.noen () ”,“ Array.hver () ”, og så videre.

Konklusjon

JavaScript tilbyr flere måter som løkker og noen innebygde array-metoder for å iterere over en matrise. I JavaScript fungerer array -iterasjonsfunksjonene som foreach (), kart (), filter (), etc. operere på hvert matriseelement. Denne oppskrivningen forklarte fem ofte brukte måter å iterere matriseelementer i JavaScript. For en dyp forståelse av konseptene forklarte den hver iterasjonsmetode ved å bruke de best egnede eksemplene.