JavaScript за ... в цикъл (с примери)

В този урок ще научите за JavaScript за … в цикъл с помощта на примери.

В предишните уроци разгледахме:

  • JavaScript while и направете … while цикъл
  • JavaScript за цикъл

Има и други видове цикли. На for… inлиния в JavaScript ви позволява да обхождане на всички ключове собственост на даден обект.

JavaScript за … в цикъл

Синтаксисът на for… inцикъла е:

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

Във всяка итерация на цикъла на ключовата променлива се присвоява ключ. Цикълът продължава за всички свойства на обекта.

Забележка : След като получите ключове, можете лесно да намерите стойността му.

Пример 1: Итерация през обект

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

Изход

 име => Моника клас => 7 възраст => 12

В горната програма for… inцикълът се използва за итерация върху studentобекта и отпечатване на всички негови свойства.

  • Ключът на обекта се присвоява на ключа на променливата.
  • student(key) се използва за достъп до стойността на ключ.

Пример 2: Актуализиране на стойности на свойства

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

Изход

 Джак: $ 24000, Пол: $ 34000, Моника: $ 55000

В горния пример for… inцикълът се използва за итерация върху свойствата на salariesобекта. След това низът $се добавя към всяка стойност на обекта.

за … в със струни

Можете също да използвате for… inцикъл, за да прегледате низовите стойности. Например,

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

Изход

 код

за … в с масиви

Можете да използвате и for… inс масиви. Например,

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

Изход

 здравей 1 JavaScript

Ще научите повече за масивите в следващите уроци.

Забележка : Не трябва да използвате for… inза итерация над масив, където редът на индекса е важен.

Един от най-добрите начини за итерация на масив е използването на for… ofцикъла.

За да научите повече за for… ofцикъла, посетете JavaScript за … на цикъл.

Интересни статии...