При написании программы вы можете столкнуться с ситуацией, когда вам нужно выполнить действие снова и снова. В таких ситуациях вам нужно будет написать инструкции цикла, чтобы уменьшить количество строк.
Содержание:
JavaScript поддерживает все необходимые циклы, чтобы уменьшить давление программирования.
Цикл while
Самый основной цикл в JavaScript является цикл While, который будет обсуждаться в этой главе. Цель While выполнить оператор или блок кода несколько раз до тех пор, как выражение истинно. Когда выражение становится ложным, цикл завершается.
Блок-схема while
Блок-схема цикла while выглядит следующим образом:
СинтаксисСинтаксис цикла while в JavaScript выглядит следующим образом:
while (expression){
Statement(s) to be executed if expression is true
}
Попробуйте следующий пример для реализации цикла while.
<html>
<body>
<script type="text/javascript">
<!--
var count = 0;
document.write("Starting Loop ");
while (count < 10){
document.write("Current Count : " + count + "<br />");
count++;
}
document.write("Loop stopped!");
//-->
</script>
</body>
</html>
Starting LoopCurrent Count : 0Current Count : 1Current Count : 2Current Count : 3Current Count : 4Current Count : 5Current Count : 6Current Count : 7Current Count : 8Current Count : 9Loop stopped!Цикл do...while Loop
Цикл do...while подобен while циклу, за исключением того, что проверка состояния происходит в конце цикла. Это означает, что цикл всегда будет выполняться хотя бы один раз, даже если условие ложно.
Блок-схема do
Блок-схема цикла do-while будет следующей:
СинтаксисСинтаксис цикла do-while в JavaScript выглядит следующим образом:
do{
Statement(s) to be executed;
} while (expression);
Примечание. Не пропустите точку с запятой, используемую в конце цикла while.
Попробуйте следующий пример, чтобы узнать, как реализовать цикл do-while в JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var count = 0;
document.write("Starting Loop" + "<br />");
do{
document.write("Current Count : " + count + "<br />");
count++;
}
while (count < 5);
document.write ("Loop stopped!");
//-->
</script>
</body>
</html>
Starting LoopCurrent Count : 0Current Count : 1Current Count : 2Current Count : 3Current Count : 4Loop Stopped!