JavaScript za ... u petlji (s primjerima)

U ovom ćete tutorijalu uz primjere naučiti o JavaScriptu za … u petlji.

U prethodnim tutorijalima obradili smo:

  • JavaScript while i uradi … while petlja
  • JavaScript za petlju

Postoje i druge vrste petlji. for… inPetlja u JavaScriptu omogućuje prolazak kroz sve tipke na imovinu nekog objekta.

JavaScript za … u petlji

Sintaksa for… inpetlje je:

 for (key in object) ( // body of for… in )

U svakoj iteraciji petlje varijabli ključa dodjeljuje se ključ. Petlja se nastavlja za sva svojstva objekta.

Napomena : Jednom kada dobijete ključeve, lako ćete pronaći njegovu vrijednost.

Primjer 1: Ponavljanje kroz objekt

 const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )

Izlaz

 ime => klasa Monica => 7 godina => 12

U gore navedenom programu for… inpetlja se koristi za iteraciju po studentobjektu i ispis svih njegovih svojstava.

  • Ključ objekta dodjeljuje se ključu varijable.
  • student(key) koristi se za pristup vrijednosti ključa.

Primjer 2: Ažuriranje vrijednosti svojstava

 const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )

Izlaz

 Jack: 24000 USD, Paul: 34000 USD, Monica: 55000 USD

U gornjem primjeru, for… inpetlja se koristi za ponavljanje svojstava salariesobjekta. Zatim se niz $dodaje svakoj vrijednosti objekta.

jer … u sa žicama

Također možete koristiti for… inpetlju za prelazak preko vrijednosti niza. Na primjer,

 const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )

Izlaz

 kodirati

jer … u s Arrays

Također možete koristiti for… ins nizovima. Na primjer,

 // define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )

Izlaz

 pozdrav 1 JavaScript

O kaskovima ćete saznati više u kasnijim tutorijalima.

Napomena : Ne biste trebali koristiti for… inza ponavljanje niza gdje je redoslijed indeksa važan.

Jedan od boljih načina ponavljanja niza je upotreba for… ofpetlje.

Da biste saznali više o for… ofpetlji, posjetite JavaScript za … of loop.

Zanimljivi članci...