Hvordan sløyfe/iterere gjennom en matrise i JavaScript

Løkker er viktige komponenter på hvert programmeringsspråk. De brukes til å kjøre samme kode eller logikk igjen og igjen i en syklus. Vanligvis har løkker en indeksverdi som er forskjellig hver gang sløyfen gjentar. Det er forskjellige typer løkker tilgjengelig i JavaScript som hjelper oss med å iterere over en matrise. En matrise er en samling som brukes til å lagre forskjellige elementer; Et eksempel på en matrise i JavaScript er:

const names = ['John', 'Chris', 'Harry'];

For å få et element fra denne matrisen gir vi bare indeks og navnet på matrisen:

konsoll.logg (navn [2]);

Dette vil returnere “Harry” når indekseringen starter fra 0.

Vi har sett at vi kan få et element fra en matrise ved å spesifisere et indeksnummer. Men det ville være for hektisk hvis det var 100 navn i ovennevnte matrise. Løsningen bruker løkker; Løkker kan enkelt håndtere matriser med mange oppføringer. Dette innlegget fokuserer på hvordan vi kan bruke JavaScript -løkker for å iterere over en matrise for å være en effektiv programmerer.

Merk: Nettleserkonsollen brukes til demonstrasjon av eksempler i denne artikkelen.

Hvordan iterere gjennom en matrise ved hjelp av JavaScript for Loop

A for loop er en sløyfe som gjentar en handling så lenge en viss tilstand er sann. Når tilstanden blir falsk, bryter sløyfen. Syntaksen til for loop i JavaScript er lik den i Java eller C; Det enkleste for sløyfesyntaks er:

for (initialiser variabel; noen tilstand; variable trinn/reduksjoner)
// Noe kode som skal utføres

Eksempel på å iterere gjennom en for loop over en matrise er:

const names = ['John', 'Chris', 'Harry'];
for (la indeks = 0; indeks < names.length; index++)
konsoll.logg (navn [2]);

Vi erklærte først en matrise som heter navn, deretter en for loop og initialiserte en variabel kalt indeks inne i for -loopen; Dette vil fungere som indeksen for matrisen. Etter det setter vi betingelsen for at sløyfen skal løpe til den er en mindre enn array-lengde I-E fra 0 til 2 (3 ganger totalt). Den siste parentesen forteller løkken at for hver syklusøkning indeksen med 1. Hver syklus av sløyfen, trøste vi matriseelementene en etter en ved å bruke variabelen som er initialisert som er indeks.

For å si det enkelt, starter sløyfen på 0th -indeksen, og deretter blir lengden på matrisen sjekket. Hvis tilstanden er sann, kjører sløyfe kodeblokken som er inne i parentesene som er konsolllogging. Etter dette øker det “indeks” og sjekker deretter tilstanden igjen. Samme syklus gjentas til den spesifiserte tilstanden ikke lenger er sann.

Hvordan iterere gjennom en matrise ved hjelp av JavaScript mens Loop

Syntaktisk sett er JavaScript mens Loop også lik C eller Java mens Loop. Eksempel på å iterere en matrise som bruker mens Loop i JavaScript er:

const names = ['John', 'Chris', 'Harry'];
indeks = 0;
mens (indekskonsoll.logg (navn [indeks]);
indeks ++;

Hvordan iterere gjennom en matrise ved hjelp av JavaScript for/av loop

For/av loop brukes også til å sløyfe gjennom elementene/elementene i en matrise:

const names = ['John', 'Chris', 'Harry'];
for (navn på navn)
konsoll.logg (navn);

Hvordan iterere gjennom en matrise ved hjelp av JavaScript foreach -loop

Foreach () -metoden kaller eller utfører en spesifisert tilbakeringingsfunksjon for hvert element i matrisen. Det tar tre argumenter; Gjeldende element/element, indeks og selve matrisen.

const names = ['John', 'Chris', 'Harry'];
navn.foreach (element =>
konsoll.logg (element);
);

I eksemplet over har vi brukt en pilfunksjon som tar det nåværende elementet i matrisen som et argument inne i .foreach () sløyfe for å konsollere.logg hvert element.

Hvordan iterere gjennom en matrise ved hjelp av kartmetode i JavaScript

Kart () -metoden itererer over en matrise ved å lage en ny matrise. For hvert element i den opprinnelige matrisen utfører den en funksjon jeg.e. pilfunksjonen med NUM som et argument i eksemplet nedenfor. Det endrer ikke den originale matrisen. Anta nå at vi har en rekke tall fra 1 til 5. Vi vil at hvert nummer skal multiplisere med 2. Vi kan oppnå dette som følger:

La tabell1 = [1,2,3,4,5];
La tabell2 = tabell1.kart (num => num * 2);
konsoll.logg (tabell2);

Hvordan iterere gjennom en matrise ved hjelp av alle metoder i JavaScript

Every () -metoden tester om hvert element i matrisen passerer en tilstand implementert av den oppgitte funksjonen; den utfører en funksjon en gang for hvert element. Det returnerer enten sant eller usant, avhengig av om hvert element besto testen eller ikke:

const IslessThanten = (CurrentValue) => CurrentValue < 10;
const arr = [1, 3, 4, 3, 5, 7];
konsoll.Logg (arr.hver (IslessThanten));

Nå hvis vi endrer matrisen i eksemplet ovenfor:

const arr = [1, 3, 16, 3, 5, 7];

Konklusjon

I JavaScript er matriser en datatype som brukes til å lagre lignende typer data; Disse dataene kan enkelt få tilgang til og manipuleres ved å bruke forskjellige løkker og metoder levert av JavaScript. I dette innlegget dekket vi det grunnleggende om å iterere over en matrise i JavaScript. Vi diskuterte også itering gjennom en matrise fra for, mens, for/av, foreach () loop, kart () og hver () metode.

Dette er ikke de eneste metodene som kan brukes til å iterere over en matrise. Det er flere titalls mer. De vi diskuterte er de mye brukte metodene fra utviklerne som itererer over en matrise.