자바스크립트 while 루프


루프는 지정된 조건이 true인 한 코드 블록을 계속 실행할 수 있습니다.

while 루프

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

구문

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

인스턴스

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

인스턴스

<!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>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

lamp如果您忘记增加条件中所用变量的值，该循环永远不会结束。这可能导致浏览器崩溃。

do/ while 루프

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

문법

do
아래 {
실행할 코드
}
while (Condition);

Instance

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

Instance

<!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>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

변수 값을 높이는 것을 잊지 마세요. 조건에 사용됩니다. 그렇지 않으면 루프가 끝나지 않습니다!

for와 while 비교

for 루프에 대한 이전 장을 읽었다면 while 루프가 for 루프와 매우 유사하다는 것을 알게 될 것입니다.

이 예제의 루프는 for 루프를 사용하여 cars 배열의 모든 값을 표시합니다.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];){
	document.write(cars[i] + "<br>");
	i++;
}
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

이 예제의 루프는 while을 사용합니다. loop 자동차 배열을 표시하는 모든 값:

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i]){
	document.write(cars[i] + "<br>");
	i++;
}
</script>

</body>
</html>

Run Instance»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요