JavaScript for 루프는 코드 조각을 반복적으로 실행하는 데 사용됩니다. 구문은 다음과 같습니다.
for (expr1; 다음 예제에서는 1~10을 출력합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
var i=1
for (i = 1; i <= 10; i++) {
document.write(i + "<br />")
}
</script>
</head>
<body>
</body>
</html>
실행 결과:
1
2
3
4
5
67
8
9
10
for 루프 구문 해석
첫 번째 표현식 수식(expr1)은 루프 시작 전에 무조건 한 번 평가됩니다.
expr2는 루프 시작 전에 평가됩니다. 각 루프의 시작 값이 TRUE이면 루프가 계속되고 값이 FALSE이면 루프가 종료됩니다.
expr3은 각 루프 후에 평가(실행)됩니다.
각 표현식은 비어 있을 수 있습니다. expr2가 비어 있으면 루프는 무한정 계속되지만 다음 예와 같이 break로 루프를 종료할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
var i=1
for (i = 1; ; i++) {
if (i > 10) {
break;
}
document.write(i + "<br />");
}
</script>
</head>
<body>
</body>
</html>이 예는 여전히 1~10을 출력하지만 if 조건을 사용하여 i>10일 때 판단합니다. 루프가 끝납니다.
Tips
루프문을 사용할 때, 일반적으로 무한루프를 하여 프로그램을 "좀비"로 만들지 않도록 주의해야 합니다. 또한 루프 조건(루프 판단 표현식)에도 주의를 기울여야 합니다. 루프 결과가 정확하다는 것입니다.
For/In Loop
JavaScript for/in 문은 객체의 속성을 반복합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>다음 섹션
