Уроки Javascript

#8 – Цикли у JavaScript. Оператори циклів

#8 – Цикли у JavaScript. Оператори циклів

За рахунок циклів ви можете створювати код, який буде циклічно виконаний певну кількість разів. Ми в уроці розглянемо створення циклів у JavaScript. Ми вивчимо цикли: for, while та do while. Додатково ми будемо вивчати оператори для циклів.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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

Цикл For

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

for (var i = 0; i < 10; i++)
	console.log(i);

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


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

Цикл While

Сутність циклу while не дуже відрізняється від циклу for. Єдина відмінність полягає у способі запису циклу. У while необхідно прописати лише умову, а всі інші параметри записуються поза циклом:

var i = 1; // Створення змінної
while (i < = 10) { // Тут тільки умова
	console.log(i);
	i++; // Збільшення змінної
}

Цикл Do While

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

var x = 13;
do {
	x--;
	console.log(x);
} while (x > 10);

Як видно з прикладу, цикл спочатку неправильний, але це не заважає йому спрацювати один раз.

Оператори для роботи в циклах

Існує два основні оператори для роботи в циклах:

  • Оператор break - служить для виходу з циклу повністю;
  • Оператор continue - пропускає лише одну ітерацію і не виходить із циклу.

Вихідний код

Весь код буде доступний після підписки на проект!

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Курс по NestJS с нуля / Разработка веб проектов
Курс Nuxt JS / Изучение Nuxt.js фреймворка
Изучение библиотек jQuery
Three.js с нуля: Разработка сайта с 3Д Графикой
Изучение таск-менеджера Gulp 4
Фреймворк Next JS / Изучение NextJS для начинающих
Коментарі
Додати коментар

Поки що коментарів немає