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

Вихідні дані

 name => Моніка клас => 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 для… циклу.

Цікаві статті...