Вибір правильного циклу в JavaScript

](https://www.pexels.com/photo/unrecognizable-woman-demonstrating-clothes-in-store-6347535/)

У JavaScript є кілька типів циклів, серед яких for, while, do...while, і for...in/for...of. Хоча ви знайомі з реалізацією кожного типу циклу, іноді виникають труднощі з тим, щоб визначити, коли і чому використовувати кожен з них.

Вибір циклу зазвичай залежить від конкретних вимог ситуації. У цій статті я надам поради, які допоможуть вам зрозуміти, коли найкраще використовувати кожен тип циклу.

Цикл For

Це найбільш поширений цикл, який використовується, коли ви точно знаєте кількість ітерацій.
javascript
for (let i = 0; i < 10; i++) {
console.log(i);
}

Цикл for зазвичай застосовується, коли потрібно виконати операцію певну кількість разів, і ви маєте чітке уявлення про те, скільки саме разів буде відбуватись повторення. Це може бути корисно для перебору елементів масиву (array), коли вам потрібно знати індекси елементів.
Це чудово підходить для перебору масивів, коли потрібно звертатися до індексу.

for (let i = 0; i < 5; i++) {  
 console.log(i); // Вивід: 0, 1, 2, 3, 4  
}

Цикл While

Цей цикл використовується, коли ви не знаєте кількість ітерацій, але маєте умову, яка завершує цикл. Це корисно, коли умова залежить від коду всередині циклу.

let i = 0;  
while (i < 5) {  
 console.log(i); // Вивід: 0, 1, 2, 3, 4  
 i++;  
}

Цикл Do…While

Цей цикл схожий на while, але блок коду виконується хоча б один раз перед перевіркою умови. Це корисно, коли цикл повинен виконатися хоча б один раз.

let i = 0;  
do {  
 console.log(i); // Вивід: 0  
 i++;  
} while (i < 0);

Цикл For…In

Цей цикл використовується для перебору властивостей об'єкта.
Не рекомендується використовувати для масивів, оскільки порядок елементів не гарантований.

const obj = { a: 1, b: 2, c: 3 };  
for (let prop in obj) {  
 console.log(`${prop}: ${obj[prop]}`); // Вивід: "a: 1", "b: 2", "c: 3"  
}

Цикл For…Of

Цей цикл використовується для перебору ітерабельних об'єктів, таких як масиви, рядки чи NodeLists. Це ідеально підходить, коли вам не потрібен індекс, а тільки значення.

const arr = [1, 2, 3];  
for (let value of arr) {  
 console.log(value); // Вивід: 1, 2, 3  
}

Підсумовуючи, вибір циклу залежить від того, що ви намагаєтесь досягти. Враховуйте кількість ітерацій, чи потрібен вам індекс, чи достатньо значень, і чи працюєте ви з масивами чи об'єктами.

Оригінально опубліковано на https://tahajiru.com.

Перекладено з: Choosing the Right Loop in JavaScript