Lære Iterasjon Over Arrayer Med For-Løkke

Korrekt håndtering av arrayer begynner med løkker!

Du kjenner allerede til hva arrayer er, og at indekseringen i dem starter fra null. Du vet også at vi i en for-løkke kan tilordne hvilken som helst verdi til variabelen i. For eksempel null! Men hva om det er hensiktsmessig å bruke en for-løkke sammen med en array? La oss tenke på det:

Hvis vi trenger å hente et element fra arrayen, bruker vi array[index];;
Vi har variabelen i, som effektivt erstatter vår indeks;
Ved å kombinere de to punktene ovenfor, kan vi konkludere med at vi kan bruke syntaksen array[i] inne i en for-løkke for å arbeide raskt med en array. La oss se på et eksempel:


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < 10; i++) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

La oss analysere hva som skjer i koden ovenfor:

Vi oppretter en array av typen number med 10 elementer;
Målet vårt er å inspisere hvert element i arrayen og finne ut hvilken indeks det befinner seg på;
Siden indekseringen i arrayen starter fra 0, har variabelen i innledningsvis verdien 0. Vi setter også grensen lik lengden på arrayen, som er 10;
Ved å vite at i er indeksen til elementet, henter vi elementene fra arrayen og viser dem på skjermen ved hjelp av array[i];;
Siden i er indeksen til elementet i arrayen, viser vi umiddelbart hvilken indeks et bestemt element befinner seg på.

På denne måten kan vi samhandle med arrayen. La oss sette oss en annen oppgave: å hente ut hvert element som befinner seg på en partallsindeks i denne arrayen:


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < 10; i+=2) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

Ved å bruke i+=2, som er det samme som i = i + 2, henter vi ut hvert element i arrayet som befinner seg på en partallsindeks. Med andre ord, indeksen til elementet må være delelig med 2. Slike indekser er 0, 2, 4, 6, og så videre. Merk også at med i kan vi vise indeksen til elementet, slik vi gjorde i eksempelet over.

For øvrig trenger vi ikke å telle størrelsen på arrayet manuelt! Vi kan bruke array-egenskapen array.length. La oss se på et eksempel, og samtidig se hvordan vi kan iterere gjennom arrayet fra slutten til begynnelsen (i tilfelle du trenger å traversere arrayet i motsatt rekkefølge).


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = array.length - 1; i >= 0; i--) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

I eksemplet ovenfor initialiserte vi i som array.length - 1 fordi array.length er 10, og det siste elementet i arrayet har indeksen 9. Dette skyldes nullindeksering.

I tillegg kan du bruke array.length ikke bare til initialisering, men også i betingelsen. Det finnes mange ulike eksempler på dette; alt du trenger er litt fantasi og spesifikke bruksområder. For eksempel:


              123456789
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < array.length; i++) {
    if ((array.length - i) % 2 == 0) {
        console.log(`The ${i} element in the array is ${array[i]}`)
    } else {
        console.log("[DELETED DATA]")
    }
}

Hvis verdien av arrayets lengde minus indeksen er delelig med 2, vises det elementet. Ellers vises 'DELETED DATA' – det er sjefens ordre.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 6

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you explain how the last code example works in more detail?

What are some other ways to loop through an array in TypeScript?

Can you show how to use a for...of loop with arrays?

Awesome!

Completion rate improved to 2.94

Sveip for å vise menyen