Elementor Header #8

57. Цикл While

Цикл while в JavaScript используется для повторения блока кода до тех пор, пока условие остается истинным. Этот цикл идеально подходит, когда количество итераций не известно заранее и зависит от динамически изменяемого условия.

Синтаксис цикла while

Синтаксис цикла while выглядит следующим образом:

				
					while (условие) {
    // Блок кода, который выполняется, пока условие истинно
}

				
			
  • условие — выражение, которое проверяется перед каждой итерацией цикла. Если условие истинно, выполняется блок кода внутри цикла.
  • Блок кода — код, который выполняется в каждой итерации цикла.

Пример использования цикла while

Рассмотрим простой пример, в котором мы используем цикл while для вывода чисел от 1 до 5:

				
					let i = 1;

while (i <= 5) {
    console.log(i);
    i++;
}

				
			

В этом примере:

  • Переменная i инициализируется значением 1.
  • Цикл продолжает выполняться, пока i меньше или равно 5.
  • Внутри цикла значение переменной i выводится на экран, а затем увеличивается на 1 (i++).

Результат выполнения этого кода:

				
					1
2
3
4
5

				
			

Как работает цикл while

  1. Оценка условия: Перед каждой итерацией цикла while проверяется условие. Если оно истинно, выполняется блок кода.
  2. Выполнение блока кода: Если условие истинно, выполняется блок кода внутри цикла.
  3. Повторение: После выполнения блока кода снова проверяется условие. Если оно остается истинным, цикл повторяется.
  4. Завершение: Если условие становится ложным, выполнение цикла прекращается, и управление передается следующему коду после цикла.

Распространённые ошибки

Бесконечный цикл:

Ошибка: Если условие в цикле while всегда истинно, цикл станет бесконечным, и код не выйдет из цикла.

				
					let i = 1;

while (i <= 5) {
    console.log(i);
    // Пропущено изменение переменной i
}

				
			

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

				
					let i = 1;

while (i <= 5) {
    console.log(i);
    i++; // Изменение переменной i
}

				
			

Неправильное условие:

Ошибка: Неправильно сформулированное условие может привести к неожиданному поведению.

				
					let i = 1;

while (i <= 5) { // Правильное условие
    console.log(i);
    i++;
}

				
			

Исправление: Используйте оператор сравнения == или === вместо оператора присваивания =.

				
					let i = 1;

while (i = 5) { // Ошибка: Присваивание вместо сравнения
    console.log(i);
    i++;
}

				
			

Неинициализированные переменные:

Ошибка: Использование неинициализированных переменных в условии может привести к непредсказуемому поведению.

				
					let i;

while (i <= 5) { // Ошибка: Переменная i не инициализирована
    console.log(i);
    i++;
}

				
			

Исправление: Убедитесь, что переменные инициализированы перед использованием в цикле.

				
					let i = 1;

while (i <= 5) { // Правильное использование
    console.log(i);
    i++;
}

				
			

Заключение

Цикл while является мощным инструментом для выполнения повторяющихся задач в JavaScript. Он полезен в случаях, когда количество итераций не известно заранее. Однако важно убедиться, что условие в цикле корректно и что есть логика, которая изменяет состояние для завершения цикла.

Тестовое задание

  • Напишите программу, которая использует цикл while для вывода всех четных чисел от 2 до 20 включительно.

  • Исправьте следующий код, чтобы он правильно выводил числа от 1 до 10:

				
					let count = 1;

while (count < 10) {
    console.log(count);
    count--;
}

				
			

Напишите программу, которая использует цикл while для суммирования всех чисел от 1 до 100. Выведите результат суммы на экран.

Решите все задания, чтобы практиковаться в использовании цикла while и избегать распространённых ошибок.

logo