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

У JavaScript існує кілька типів циклів, але два найпоширеніших - це for та while. Кожен з цих циклів має свої власні особливості і використовується в різних ситуаціях.

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

Причина використання циклів - це ефективний спосіб зменшити повторення коду і зробити програми більш гнучкими і менш залежними від конкретних значень.

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

Цикл for:

for (ініціалізація; умова; крок) {  // Блок коду, який буде виконуватись}

Цикл while:

while (умова) {  // Блок коду, який буде виконуватись}

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

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

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

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

Приклад циклу for:

for (let i = 0; i < 5; i++) {  console.log(i);}

У цьому прикладі ми маємо цикл for, який виконується 5 разів. Давайте розберемо його логіку:

У цьому прикладі цикл for виведе на консоль числа від 0 до 4. Після кожної ітерації змінна i збільшується на 1, і цикл продовжується до тих пір, поки умова i < 5 є істинною.

Приклад циклу while:

let counter = 0;while (counter < 5) {  console.log(counter);  counter++;}

У цьому прикладі ми маємо цикл while, який також виконується 5 разів. Давайте розберемо його логіку:

У цьому прикладі цикл while також виведе на консоль числа від 0 до 4. Змінна counter збільшується на 1 після кожної ітерації, і цикл продовжується до тих пір, поки умова counter < 5 є істинною.

Обидва приклади показують, як з використанням лічильника (у даному випадку i або counter) і керуючих конструкцій (<, ++) можна керувати логікою повторення блоку коду.

Приклад використання циклу for:

for (let i = 1; i <= 10; i++) {  console.log(i);}

У цьому прикладі ми використовуємо цикл for, щоб надрукувати числа від 1 до 10 на консоль. Цикл виконується 10 разів, змінна i збільшується на 1 після кожної ітерації, і цикл продовжується, поки i не стане більшим або рівним 10.

let sum = 0;for (let i = 1; i <= 100; i++) {  sum += i;}console.log(sum);

У цьому прикладі ми використовуємо цикл for, щоб обчислити суму перших 100 чисел. Змінна sum ініціалізується зі значенням 0, а потім в кожній ітерації до неї додається поточне значення i. На кінці циклу ми надрукуємо суму на консоль.

Приклад використання циклу while:

let power = 1;let result = 2;while (result <= 100) {  result = 2 ** power;  power++;}console.log(result);

У цьому прикладі ми використовуємо цикл while, щоб знайти найменшу степінь числа 2, яка перевищує 100. Змінна power починається зі значення 1, а потім в кожній ітерації знаходиться нова степінь числа 2 (2 в степені power). Цикл продовжується, доки result не стане більшим за 100. На кінці циклу ми надрукуємо значення result.

let password = prompt("Введіть пароль:");while (password !== "секретний") {  password = prompt("Введіть пароль ще раз:");}console.log("Ви увійшли у систему!");

У цьому прикладі ми використовуємо цикл while, щоб запитувати користувача пароль доти, поки не буде введено правильний пароль ("секретний"). Коли користувач вводить пароль, ми порівнюємо його з правильним паролем. Якщо введений пароль не співпадає з правильним, ми знову показуємо запит на введення пароля. Цикл продовжується, поки користувач не введе вірний пароль, після чого ми надрукуємо повідомлення "Ви увійшли у систему!" на консоль.

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