Циклы являются одной из фундаментальных тем любого языка программирования.
В JavaScript циклы также встречаются часто, практически в каждом скрипте, поэтому эту тему важно знать и понимать.
Чтобы лучше понять, что такое циклы в программировании, можно обратиться к примерам из реальной жизни и посмотреть какие циклы есть там.
Допустим, человек пришел на стадион. И ему нужно пробежать 1,5 километра. Пусть это 5 кругов по 300 м. Пробежав, первый круг, он в голове делает отсчёт: «Я пробежал один круг, начался второй». Потом: «Я пробежал второй круг, начинаю третий». И так далее, пока он не пробежит 1,5 километра и потом пойдёт домой.
Это пример простого цикла из реальной жизни. Разбёрем его структуру, согласно примеру.
Итак, любой цикл содержит:
-
Счётчик – это переключатель кругов 1,2,3,4,5.
-
Действие - в нашем случае это бег по кругу.
-
Ограничение – планка, когда нужно закончить цикл - это 5 кругов.
Другой пример:
Ребенок получает задание нарисовать на асфальте цифры от 1 до 10.
Это тоже цикл и его структура аналогична. Он также состоит из 3-х составляющих:
-
Счётчик – это цифры от 1 до 10.
-
Действие - рисование цифр.
-
Ограничение – дойдя до 10, ребенок останавливается.
Из этих примеров структура циклов вполне понятна. Примерно с такими циклами нужно будет работать, изучая JavaScript.
Далее рассмотрим один из вариантов циклов JavaScript – это цикл while.