Цикл While в Javascript — это оператор потока управления, который позволяет повторно выполнять код на основе заданного логического условия. Цикл while можно рассматривать как повторяющийся оператор if.
Цикл можно использовать для выполнения определенного блока кода несколько раз, пока он не будет соответствовать условию.
Существует в основном два типа петель:
- Петли с контролем входа: В этом типе петли условие тестирования проверяется перед входом в тело петли. Для цикла и в то время как цикл являются циклами с контролем входа.
- Выход из управляемых контуров: В этом типе контура тестовое условие проверяется или оценивается в конце тела контура. Таким образом, тело цикла будет выполнено по крайней мере один раз, независимо от того, является ли условие теста истинным или ложным. цикл «сделать-в то время как» — это управляемый цикл выхода.
Синтаксис:
while (condition) {
// Statements
}Пример:
Этот пример иллюстрирует использование цикла while.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript While loop</title>
</head>
<body style="text-align:center;">
<div>
<h1>GeeksForGeeks</h1>
<h2>JavaScript While Loop</h2>
</div>
<p id="GFG"></p>
<!-- Script to use while loop -->
<script>
var print = "";
var val = 1;
while(val < 6) {
print += "Geeks " + val;
print += "<br>"
val += 1;
}
document.getElementById("GFG").innerHTML = print;
</script>
</body>
</html>
Выход:
Do-While loop (Цикл выполнения).
Цикл выполнения — это оператор потока управления, который выполняет блок кода по крайней мере один раз, а затем повторно выполняет блок или нет, в зависимости от заданного логического условия в конце блока.
Синтаксис:
do {
// Statements
}
while (condition);Пример:
Этот пример иллюстрирует использование цикла do-while.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript While loop</title>
</head>
<body style="text-align:center;">
<div>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Do-while Loop</h2> </div>
<p id="GFG"></p>
<!-- Script to use do-while loop -->
<script>
var print = ""
var val = 0;
do {
print += "Geeks " + val;
print += "<br>";
val += 1;
}
while (val < 6);
document.getElementById("GFG").innerHTML = print;
</script>
</body>
</html>
Выход:
Сравнение цикла while и do-while.
Цикл do-while выполняет содержимое цикла один раз, прежде чем проверять состояние цикла while. В то время как цикл while сначала проверит условие перед выполнением содержимого.
| Это циклическая структура начального условия. | Это циклическая структура условий выхода. |
| Количество итераций зависит от условия, указанного в блоке while. | Независимо от условия, упомянутого в блоке do-while, будет минимум 1 итерация. |
| Условие управления блоком доступно в начальной точке цикла. | Условие управления блоком доступно в конечной точке цикла. |
Пример:
Этот пример иллюстрирует циклы while и do-while.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript loop</title>
</head>
<body style="text-align:center;">
<div>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>JavaScript Loop</h2> </div>
<h3>While Loop</h3>
<p id="GFG"></p>
<!-- Script to use while loop -->
<script>
var text = "";
var i = 1;
while(i < 6) {
text += "Geeks " + i + "<br>";
i++;
}
document.getElementById("GFG").innerHTML = text;
</script>
<h3>Do While Loop</h3>
<p id="GFG1"></p>
<!-- Script to use do-while loop -->
<script>
var text = ""
var i = 1;
do {
text += "Geeks " + i + "<br>";
i++;
}
while (i < 6);
document.getElementById("GFG1").innerHTML = text;
</script>
</body>
</html>
Выход:
