JavaScript For In

For In silmukka

JavaScript for in lause silmukkaa käy läpi objektin ominaisuudet:

syntaksi

for (avain in objekti) {
  // suoritettava koodi lohko
}

Esimerkki

const henkilö = {fname:"Bill", lname:"Gates", age:25};
let teksti = "";
for (x in henkilö) {
  teksti += henkilö[x];
}

Kokeile itse

esimerkki selitys

  • for in silmukka käy läpi henkilö objekti
  • jokaisessa toistossa palautetaan yksiavain (x)
  • avain käytetään avaimenarvo
  • avaimen arvo henkilö[x]

For In taulukon käynti

JavaScript for in lause voi myös käydä läpi taulukon ominaisuuksia:

syntaksi

for (muuttuja in taulukko) {
  code
}

Esimerkki

const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
  txt += numbers[x];
}

Kokeile itse

Jos indeksijärjestystäOn tärkeää, älä käytä for in.

Indeksijärjestys riippuu toteutuksesta, eikä taulukon arvoja välttämättä käsitellä odotetussa järjestyksessä.

Jos järjestys on tärkeää, on parasta käyttää for silmukka,for of Silmukka tai Array.forEach().

Array.forEach()

forEach() Metodi kutsuu funktiota (paluufunktio) jokaiselle taulukon elementille.

Esimerkki

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
  txt += value;
}

Kokeile itse

Huomaa, että tämä funktio käyttää 3 parametria:

  • Kohteen arvo
  • Kohteen indeksi
  • Taulukko itsessään

Yllä oleva esimerkki käyttää vain value-parametria. Voit muokata sitä seuraavasti:

Esimerkki

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
  txt += value;
}

Kokeile itse