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>프로그램을 실행하여 시도해 보세요
