루프용 자바스크립트

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>

실행 결과:

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>

지속적인 학습

새로운 파일

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

제출하다 코드 재설정

자동운전