В этом учебном пособии JavaScript For Loop мы полностью проверяем работу цикла for с помощью различных примеров. Итак, мы начинаем полное руководство шаг за шагом,

  • Введение JavaScript для цикла
  • Рабочий процесс JavaScript для цикла
  • Различные типы цикла For с примером
  • Вывод

Введение JavaScript для цикла

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

Рабочий процесс JavaScript для цикла

Синтаксис JavaScript для цикла

for (инициализация; условие; пост-выражение) {
// Оператор(ы), которые должны быть выполнены, если условие истинно
}

Инициализация Здесь пользователь инициализирует значение цикла, с которого начинается цикл, и он выполняется один раз в процессе завершения цикла.

Условие Здесь мы определяем условие, при котором цикл остановится. Означает, что это выполняется на каждой итерации и проверяет условие, является ли оно истинным или ложным. Если определенное условие истинно, то итерация цикла будет продолжена, если ложно, то цикл будет прерван.

Условная часть цикла for является необязательной, если вы ее не определили, она всегда принимает true.

post-expression при выполнении цикла поможет обновить переменную счетчика, и цикл продолжится.

Пример JS для цикла

‹p id="результат"›‹/p›

‹script›
var text = «»;
var i;
for (i = 0; i ‹ 5; i++) {
text += «Count» + i + «‹br›»;
}
document.getElementById(«результат»).innerHTML = text;
‹/script›

Вывод:
Счет 0
Счет 1
Счет 2
Счет 3
Счет 4

Пояснения к коду:

  • В первом операторе мы устанавливаем переменную (var i = 0) перед запуском цикла.
  • Определите условие остановки цикла (когда значение i должно быть больше 5).
  • Затем цикл будет увеличивать значение i при каждом выполнении, пока условие не станет ложным.

Типы цикла for с примером

Вот 3 основных типа цикла for или вы можете назвать различные виды циклов в JS.

  • For: используется для перебора кода n раз, пока условие не станет ложным.
  • For/in: используется для циклического просмотра свойств объекта.
  • For/of: используется для циклического перебора массива итерируемых объектов.

Цикл For/In

Цикл For/In используется для перебора свойств объекта.

Синтаксис цикла For/In

for (key in object) {
// выполняемый блок кода
}

Пример цикла For/In

‹p id="результат"›‹/p›

‹сценарий›
var details = «»;
var person = {имя: «Джон», дизайн: «Разработчик», возраст: 25};
var x;
for (x лично) {
details += person[x] + " ";
}
document.getElementById("result") .innerHTML = детали;
‹/script›

Вывод:

Джон Девелопер 25

Объяснение кода:

  • Здесь мы создаем объект с именем person
  • И цикл For/In повторяет объект person.
  • Каждая итерация возвращает ключ 0,1,2.. и т.д. (x)
  • Ключ используется для доступа к данным объекта person (person[x])

Подробнее: https://phpcoder.tech/how-javascript-for-loop-works-complete-guide-with-example/

Удачного кодирования..!

Первоначально опубликовано на https://phpcoder.tech 28 марта 2021 г.