JavaScript while 루프

while 루프

while 루프는 지정된 조건이 true인 동안 코드 블록을 반복합니다.

Syntax

while(조건)
{
실행할 코드
}

예

이 예제의 루프는 변수 i가 더 작은 한 계속 실행됩니다. 10보다:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
while (i<5){
x=x + "该数字为 " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

NOTE: 조건에 사용된 변수의 값을 증가시키는 것을 잊은 경우 루프가 끝나지 않습니다. 이로 인해 브라우저가 중단될 수 있습니다.

프로그램을 실행하고 사용해 보세요

do/while 루프

do/while 루프는 while 루프의 변형입니다. 루프는 조건이 참인지 확인하기 전에 코드 블록을 한 번 실행한 다음, 조건이 참이면 루프를 반복합니다.

Syntax

do
{
실행할 코드
}
while(조건);

예제

다음 예에서는 do/while 루프를 사용합니다. 루프는 조건이 테스트되기 전에 코드 블록이 실행되기 때문에 조건이 거짓이더라도 한 번 실행됩니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
do{
x=x + "该数字为 " + i + "<br>";
   i++;
}
while (i<5)  
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

프로그램을 실행하여 시도해 보세요

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>点击下面的按钮，只要 i 小于 10 就一直循环代码块。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var x="",i=0; while (i<10){ x=x + "该数字为 " + i + "<br>"; i++; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>

제출하다 코드 재설정

자동운전