Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Taulukoiden Läpikäynti For-silmukalla | JavaScript-taulukoiden Hallinta
Javascriptin tietorakenteet

bookTaulukoiden Läpikäynti For-silmukalla

Taulukon läpikäynti on olennainen käsite taulukoiden kanssa työskenneltäessä. Sen avulla voidaan käsitellä jokaista taulukon alkiota, suorittaa operaatioita ja tehdä päätöksiä niiden arvojen perusteella. Tässä luvussa käsitellään for-silmukan käyttöä taulukoiden läpikäyntiin.

Syntaksi

for-silmukka on keskeinen työkalu taulukon alkioiden läpikäyntiin yksi kerrallaan. Sen avulla voidaan käyttää jokaista taulukon alkiota indeksin perusteella. for-silmukan syntaksi on seuraava:

for (let i = 0; i < array.length; i += 1) {
  // Code to be executed for each array element
}

Tässä syntaksissa:

  • let i = 0 alustaa silmukan laskurimuuttujan i arvoon nolla;
  • i < array.length määrittää ehdon, jonka perusteella silmukka jatkuu. Silmukka suoritetaan niin kauan kuin i on pienempi kuin taulukon pituus;
  • i += 1 kasvattaa laskurimuuttujaa jokaisen kierroksen jälkeen.

Esimerkki

Tässä on esimerkki for-silmukan käytöstä students-taulukon alkioiden käsittelemiseen ja näyttämiseen:

12345
const students = ["Brandon", "Mario", "Saul"]; for (let i = 0; i < students.length; i += 1) { console.log(students[i]); }
copy
  • Rivi 1: Tämä rivi määrittelee taulukon nimeltä students ja alustaa sen kolmella merkkijonolla, jotka edustavat opiskelijoiden nimiä. Taulukossa ovat "Brandon", "Mario" ja "Saul";
  • Rivi 3: Tämä rivi aloittaa for-silmukan. Siinä on kolme osaa, jotka on erotettu puolipisteillä:
    • let i = 0;: Tämä osa alustaa muuttujan i ja asettaa sen arvoksi 0. i toimii silmukan laskurina;
    • i < students.length;: Tämä osa määrittää silmukan ehdon. Silmukka jatkuu niin kauan kuin i on pienempi kuin students-taulukon pituus;
    • i += 1: Tämä osa on päivityslause, joka kasvattaa i:n arvoa yhdellä (1) jokaisen toiston jälkeen.
  • Rivi 4: for-silmukan sisällä tämä rivi käyttää console.log()-funktiota tulostaakseen students-taulukon i-indeksin arvon. Ensimmäisellä iteraatiolla i on 0, joten tulostetaan indeksin 0 nimi, eli "Brandon". Toisella iteraatiolla tulostetaan "Mario" ja kolmannella iteraatiolla tulostetaan "Saul".

1. Mikä on for-silmukan tarkoitus taulukoiden kanssa työskenneltäessä?

2. Mikä ehto silmukassa mahdollistaa koko computers-taulukon läpikäynnin?

3. Mikä ehto silmukassa mahdollistaa computers-taulukon kahden ensimmäisen alkion näyttämisen?

question mark

Mikä on for-silmukan tarkoitus taulukoiden kanssa työskenneltäessä?

Select the correct answer

question mark

Mikä ehto silmukassa mahdollistaa koko computers-taulukon läpikäynnin?

Select the correct answer

question mark

Mikä ehto silmukassa mahdollistaa computers-taulukon kahden ensimmäisen alkion näyttämisen?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 5

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain how the loop works step by step?

What happens if the array is empty?

Can I use a different variable name instead of 'i' in the loop?

Awesome!

Completion rate improved to 2.27

bookTaulukoiden Läpikäynti For-silmukalla

Pyyhkäise näyttääksesi valikon

Taulukon läpikäynti on olennainen käsite taulukoiden kanssa työskenneltäessä. Sen avulla voidaan käsitellä jokaista taulukon alkiota, suorittaa operaatioita ja tehdä päätöksiä niiden arvojen perusteella. Tässä luvussa käsitellään for-silmukan käyttöä taulukoiden läpikäyntiin.

Syntaksi

for-silmukka on keskeinen työkalu taulukon alkioiden läpikäyntiin yksi kerrallaan. Sen avulla voidaan käyttää jokaista taulukon alkiota indeksin perusteella. for-silmukan syntaksi on seuraava:

for (let i = 0; i < array.length; i += 1) {
  // Code to be executed for each array element
}

Tässä syntaksissa:

  • let i = 0 alustaa silmukan laskurimuuttujan i arvoon nolla;
  • i < array.length määrittää ehdon, jonka perusteella silmukka jatkuu. Silmukka suoritetaan niin kauan kuin i on pienempi kuin taulukon pituus;
  • i += 1 kasvattaa laskurimuuttujaa jokaisen kierroksen jälkeen.

Esimerkki

Tässä on esimerkki for-silmukan käytöstä students-taulukon alkioiden käsittelemiseen ja näyttämiseen:

12345
const students = ["Brandon", "Mario", "Saul"]; for (let i = 0; i < students.length; i += 1) { console.log(students[i]); }
copy
  • Rivi 1: Tämä rivi määrittelee taulukon nimeltä students ja alustaa sen kolmella merkkijonolla, jotka edustavat opiskelijoiden nimiä. Taulukossa ovat "Brandon", "Mario" ja "Saul";
  • Rivi 3: Tämä rivi aloittaa for-silmukan. Siinä on kolme osaa, jotka on erotettu puolipisteillä:
    • let i = 0;: Tämä osa alustaa muuttujan i ja asettaa sen arvoksi 0. i toimii silmukan laskurina;
    • i < students.length;: Tämä osa määrittää silmukan ehdon. Silmukka jatkuu niin kauan kuin i on pienempi kuin students-taulukon pituus;
    • i += 1: Tämä osa on päivityslause, joka kasvattaa i:n arvoa yhdellä (1) jokaisen toiston jälkeen.
  • Rivi 4: for-silmukan sisällä tämä rivi käyttää console.log()-funktiota tulostaakseen students-taulukon i-indeksin arvon. Ensimmäisellä iteraatiolla i on 0, joten tulostetaan indeksin 0 nimi, eli "Brandon". Toisella iteraatiolla tulostetaan "Mario" ja kolmannella iteraatiolla tulostetaan "Saul".

1. Mikä on for-silmukan tarkoitus taulukoiden kanssa työskenneltäessä?

2. Mikä ehto silmukassa mahdollistaa koko computers-taulukon läpikäynnin?

3. Mikä ehto silmukassa mahdollistaa computers-taulukon kahden ensimmäisen alkion näyttämisen?

question mark

Mikä on for-silmukan tarkoitus taulukoiden kanssa työskenneltäessä?

Select the correct answer

question mark

Mikä ehto silmukassa mahdollistaa koko computers-taulukon läpikäynnin?

Select the correct answer

question mark

Mikä ehto silmukassa mahdollistaa computers-taulukon kahden ensimmäisen alkion näyttämisen?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 5
some-alt