JavaScript pentru ... în buclă (cu exemple)

În acest tutorial, veți afla despre JavaScript pentru … în buclă cu ajutorul exemplelor.

În tutorialele anterioare, am acoperit:

  • JavaScript while și do … while loop
  • JavaScript pentru buclă

Există și alte tipuri de bucle. for… inBuclă în JavaScript vă permite să itera toate cheile de proprietate ale unui obiect.

JavaScript pentru … în buclă

Sintaxa for… inbuclei este:

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

În fiecare iterație a buclei, o cheie este atribuită variabilei cheie. Bucla continuă pentru toate proprietățile obiectului.

Notă : Odată ce primiți cheile, îi puteți găsi cu ușurință valoarea.

Exemplul 1: Iterează printr-un obiect

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

Ieșire

 nume => clasa Monica => 7 ani => 12

În programul de mai sus, for… inbucla este utilizată pentru a itera peste studentobiect și a imprima toate proprietățile sale.

  • Cheia obiect este atribuită cheii variabile.
  • student(key) este folosit pentru a accesa valoarea cheii.

Exemplul 2: Actualizați valorile proprietăților

 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)`); )

Ieșire

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

În exemplul de mai sus, for… inbucla este utilizată pentru a itera peste proprietățile salariesobiectului. Apoi, șirul $este adăugat la fiecare valoare a obiectului.

pentru … cu Strings

De asemenea, puteți utiliza for… inbucla pentru a itera peste valorile șirului. De exemplu,

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

Ieșire

 cod

pentru … în cu Arrays

Puteți utiliza, de asemenea, for… incu tablouri. De exemplu,

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

Ieșire

 salut 1 JavaScript

Veți afla mai multe despre matrici în tutoriale ulterioare.

Notă : Nu ar trebui să utilizați for… inpentru a itera pe o matrice în care ordinea indexului este importantă.

Una dintre cele mai bune modalități de a itera pe o matrice este utilizarea for… ofbuclei.

Pentru a afla mai multe despre for… ofbuclă, vizitați JavaScript pentru … of loop.

Articole interesante...