Leer Itereren Over Arrays Met de For-Lus

Correcte arraymanipulatie begint met lussen!

Je weet al wat arrays zijn en dat de indexering ervan bij nul begint. Je weet ook dat we in een for-lus elke waarde aan de variabele i kunnen toewijzen. Bijvoorbeeld nul! Maar wat als het handig is om een for-lus samen met een array te gebruiken? Laten we erover nadenken:

Als we een element uit de array willen ophalen, gebruiken we array[index];;
We hebben de variabele i, die effectief onze index vervangt;
Door bovenstaande punten te combineren, kunnen we concluderen dat we de syntaxis array[i] binnen een for-lus kunnen gebruiken om snel met een array te werken. Laten we een voorbeeld bekijken:


              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]}`)
}

Laten we uitleggen wat er in de bovenstaande code gebeurt:

We maken een array van het type number met 10 elementen;
Ons doel is om elk element van de array te inspecteren en te bepalen op welke index het zich bevindt;
Omdat de indexering in de array bij 0 begint, heeft onze variabele i aanvankelijk de waarde 0. We stellen ook de limiet gelijk aan de lengte van de array, namelijk 10;
Omdat i de index van het element is, halen we de array-elementen op en tonen we ze op het scherm met behulp van array[i];;
Omdat i de index van het element in de array is, tonen we direct bij welke index een bepaald element zich bevindt.

Op deze manier kunnen we met de array werken. Laten we onszelf een andere taak stellen: elk element ophalen dat zich op een even index in deze array bevindt:


              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]}`)
}

Door gebruik te maken van i+=2, wat gelijkstaat aan i = i + 2, halen we elk element op in de array dat zich op een even index bevindt. Met andere woorden, de index van het element moet deelbaar zijn door 2. Zulke indexen zijn 0, 2, 4, 6, enzovoort. Merk ook op dat we met i de index van het element kunnen weergeven, zoals we in het bovenstaande voorbeeld hebben gedaan.

Overigens hoeven we de grootte van de array niet handmatig te tellen! We kunnen de array-eigenschap array.length gebruiken. Laten we een voorbeeld bekijken en tegelijkertijd zien hoe we door de array kunnen itereren van het einde naar het begin (voor het geval je de array in omgekeerde volgorde wilt doorlopen).


              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]}`)
}

In het bovenstaande voorbeeld hebben we i geïnitialiseerd als array.length - 1 omdat array.length 10 is, en het laatste element van de array een index van 9 heeft. Dit komt door nul-gebaseerde indexering.

Daarnaast kun je array.length niet alleen gebruiken voor initialisatie, maar ook binnen de voorwaarde. Er zijn veel verschillende voorbeelden te bedenken voor dit alles; het enige wat je nodig hebt is wat verbeeldingskracht en specifieke gebruikssituaties. Bijvoorbeeld:


              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]")
    }
}

Als de waarde van de arraylengte min de index deelbaar is door 2, tonen we dat element. Anders tonen we 'DELETED DATA' - dat is het bevel van de baas.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 6

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Awesome!

Completion rate improved to 2.94

Veeg om het menu te tonen