Цикли while, do-while і for в javascript

Цикли while, do-while і for в javascript

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

Якщо буде таке завдання, наприклад, вивести на екран рядок 'всім привіт' 1000 разів. Те, без використання циклу, по-перше це займе багато часу і по-друге, це буде виглядати не дуже красиво. Тому цикли потрібно знати на відмінно. тому що вони використовуються дуже і дуже часто.

У програмуванні існують чотири цикли, це while, do-while, for і foreach. Кожен з них має свій синтаксис і кожен використовується в певних випадках.

Найчастіше використовуються цикли for і foreach, потім while, а цикл do-while зустрічається дуже рідко.

І почнемо ми з циклу while.

цикл while

Синтаксис циклу while наступний:

Цикли while, do-while і for в javascript

Спочатку оголошуємо змінну i, яка є лічильником і всередині циклу ми цей лічильник інкрементіруем. Усередині круглих дужок пишемо умова входу / виходу з циклу.

Зауваження! Пишіть умова виходу правильно, інакше може вийти нескінченний цикл і тоді скрипт зависне. Такий цикл може вийти, якщо наприклад, в умова виходу, напишемо просто true.

Для прикладу виведемо рядок 'Всім привіт!' 10 раз.

Мінлива i, може початися як з 0 так і з 1 або з іншого будь-якого числа.

Умова виходу є в той же час і умовою входу. Цикл працює наступним чином: Спочатку перевіряється якщо змінна i, менше 10, і якщо умова істина, то ми входимо в цикл, інакше, немає. В даному випадку якщо змінна i буде дорівнює 30, наприклад, то цикл не виконається, тому що 30 не менш 10.

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

Зауваження! Не забудьте інкрементіровать лічильник (i ++), інакше знову ж вийде нескінченний цикл.

З циклом while розібралися, тепер перейдемо до циклу do-while.

Цикл do-while

Синтаксис циклу do-while наступний:

Цикли while, do-while і for в javascript

Різниця між циклом while і do-while полягає в тому, що цикл do-while може виконатися хоча б один раз, незалежно від умови, тоді як у циклу while якщо умова лож, то він взагалі не виконається.

Зауваження! Як і у циклу while, не забудьте інкрементіровать лічильник i.

Перейдемо до практики. Для прикладу порахуємо твір чисел від 1 до 10.

Результатом буде число 3628800. На першому кроці ми відразу увійшли в цикл, не дивлячись на його умову, де виповнилося операція production * = i (це те ж саме що і production = production * 1). Потім інкрементіруем лічильник. Після інкрементація він має значення 2. І в кінці перевіряємо умову, якщо значення лічильника менше або дорівнює 10, то ми йдемо до наступної ітерації циклу, інакше ми виходимо з циклу і йдемо далі.

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

Синтаксис циклу for наступний:

Цикли while, do-while і for в javascript

Для кращого розуміння вирішимо просту задачу. Припустимо нам потрібно порахувати суму чисел від 1 до 1000 за допомогою циклу for.

Зберігаємо документ, відкриваємо його в браузері і бачимо, що результат дорівнює 500500.

Зауваження! Якщо в циклі знаходиться тільки одні оператор, то фігурні дужки використовувати необов'язково.

Для демонстрації виведемо на екран 5 разів, яку то рядок, наприклад 'Привіт! '.

Зауваження! Після виконання циклу в змінній i, залишається останнє значення.

Тепер вирішимо завдання трохи по складніше, наприклад нам потрібно вивести рядок 'Привіт' 100 раз. І для того щоб це все не вивелося в один ряд, то після кожної 10-ій ітерації, перейдемо на новий рядок. І в кінці виведемо значення змінної i.

Цикл foreach зазвичай використовується для перебору об'єктів і масивів. Тому про нього я розповім в статті описує роботу з масивами.

Оператори break і continue

Оператор break призначений для того щоб примусово вийти з циклу.

Оператор continue дозволяє перервати поточну ітерацію циклу, і перейти до наступної.

Для кращого розуміння, теж вирішимо просту задачу. Припустимо, ми хочемо порахувати суму непарних чисел з 1 до 20. І коли дійдемо до 15-ої ітерації, то вийдемо з циклу.

Зберігаємо документ, відкриваємо його в браузері і дивимося на результат.

Цикли while, do-while і for в javascript

Для тренування спробуйте змінити написаний скрипт, таким чином, щоб він порахував суму парних чисел.

Тоді поділіться нею з друзями та підпишіться на нові цікаві статті.

Поділитися з друзями: