CodeGym /Kurslar /Frontend SELF AZ /Döngülər for...of və for…in

Döngülər for...of və for…in

Frontend SELF AZ
Səviyyə , Dərs
Mövcuddur

Döngü for...of

for...offor...in döngüləri JavaScript-də array-lər və obyektlərin xüsusiyyətləri üzrə iterasiya etməyin rahat yollarını təqdim edir. Hər iki döngü təkrarlamaq üçün istifadə olunur, amma fərqli vəziyyətlərdə tətbiq edilir.

Döngü for...of

for...of döngüsü iterasiya oluna bilən obyektlər (məsələn array-lər, string-lər, SetMap obyektləri) üzrə iterasiya etmək üçün nəzərdə tutulmuşdur. Bu döngü kolleksiya elementlərini asanlıqla təkrarlamağa imkan verir.

Sintaksis:

    
      for (let variable of iterable) {
        // hər bir element üçün icra ediləcək kod
      }
    
  

Nümunə:

JavaScript
    
      let array = [1, 2, 3, 4, 5];

      for (let value of array) {
        console.log(value);
      }

      // Çıxış: 1 2 3 4 5
    
  

Array-lər üçün tətbiqi

for...of döngüsü array-lərin elementlərini təkrarlamaq üçün əlverişlidir, çünki hər bir elementin dəyərinə çıxış təmin edir:

JavaScript
    
      let fruits = ['alma', 'banan', 'ğilas'];

      for (let fruit of fruits) {
          console.log(fruit);
      }

      // Çıxış: alma banan ğilas
    
  

String-lər üçün tətbiqi

for...of döngüsünü həmçinin string-lərin simvolları üzrə iterasiya etmək üçün istifadə etmək olar:

JavaScript
    
      let str = 'Salam';

      for (let char of str) {
        console.log(char);
      }

      // Çıxış: S a l a m
    
  

9.2 For...in dövrü

for...in dövrü obyektin sayılabilən xassələrini iterasiya etmək üçün istifadə olunur. Bu, hər bir xassənin açarını iterasiya edir.

Sintaksis:

    
      for (let key in object {
        // hər element üçün icra olunacaq kod
      }
    
  

Nümunə:

JavaScript
    
      let obj = {a: 1, b: 2, c: 3};

      for (let key in obj) {
        console.log(key + ': ' + obj[key]);
      }

      // Nəticə: a: 1 b: 2 c: 3
    
  

Obyektlər üçün tətbiqi

for...in dövrü obyektin xassələrini keçmək üçün əlverişlidir, çünki hər bir xassənin açarı və dəyərindən istifadə etmək imkanı verir:

JavaScript
    
      let user = {
        name: 'John',
        age: 30,
        isAdmin: true
      };

      for (let key in user) {
        console.log(key + ': ' + user[key]);
      }

      // Nəticə: name: John age: 30 isAdmin: true
    
  

Massivlər üçün tətbiqi

for...in dövrü massiv indekslərini iterasiya etmək üçün istifadə edilə bilər, lakin bu tövsiyə edilmir, çünki bu, prototipdən olan xassələr daxil olmaqla bütün sayılabilən xassələrə iterasiya edir:

JavaScript
    
      let array = ['apple', 'banana', 'cherry'];

      for (let index in array) {
        console.log(index + ': ' + array[index]);
      }

      // Nəticə: 0: apple 1: banana 2: cherry
    
  

9.3 for...of və for...in dövrlərinin müqayisəsi

for...of və for...in dövrlərinin müqayisəsi:

Təsvir for...of for...in
Tətbiq sahəsi İterasiya olunan obyektlər (arraylər, sətirlər, Set, Map) Obyektlər
Xüsusiyyətlər Dəyərlər üzərində iterasiya edir Açarlar üzərində iterasiya edir
Arraylərdə istifadə for (let value of array) { ... } for (let index in array) { ... }
Obyektlərdə istifadə for (let value of Object.values(obj)) { ... } for (let key in obj) { ... }
Şərhlər
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION