Javascript 기본 튜토리얼 루프 문
루프문
for 루프
for (문1;문2;문3)
실행문
}
문 1(코드 블록)은 시작되기 전에 실행됩니다. 문 2는 루프(코드 블록) 실행 조건을 정의합니다. 문 3은 루프(코드 블록)가 실행된 후 실행됩니다.
아래 예를 작성해 보겠습니다.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 for 循环</title> </head> <script type="text/javascript"> sum= 0; for(var i=1;i<=10;i++){ sum = sum + i; } document.write(sum); </script> <body> </body> </html>
위 코드는 1에서 10까지의 합을 계산합니다.
예를 작성하고 있습니다. i의 값 변경
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 for 循环</title> </head> <script type="text/javascript"> for(var i=1;i<=10;i++){ document.write("第"+i+"天<br>"); } </script> <body> </body> </html>
이렇게 하면 i의 값이 1에서 10으로 증가합니다. 친구 여러분,
while 루프 <🎜를 시도해 보세요. >
while(condition){ 실행 코드 블록; }예:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 while 循环</title> </head> <script type="text/javascript"> var i=1; while(i<10){ document.write("php 中文网<br>"); i++; } </script> <body> </body> </html>참고: 친구는 다음에 주의해야 합니다. 루프 본문 조건을 변경하는 데 i++가 사용됩니다. 조건을 변경할 i++가 없으면 i=1은 항상 조건 i<10을 충족하므로 루프는 계속 실행됩니다.우리는 호출합니다. 무한 루프입니다while 루프를 사용하여 또 다른 예를 작성해 보겠습니다. 1-10의 합을 계산합니다.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 while 循环</title> </head> <script type="text/javascript"> var i = 1; var sum = 0; while(i<=10){ sum = sum + i; i++; } document.write(sum); </script> <body> </body> </html>위 코드이므로 출력도 1에서 10의 합이 됩니다
참고: while 루프는 조건을 먼저 판단하는 것입니다. 조건이 충족되면 계속 실행합니다.
위 그림과 같이 i의 초기값은 1입니다. 이는 조건을 만족하므로 루프가 실행됩니다. 본문의 내용 조건이 충족되지 않으면 루프 본문에서 튀어나옵니다. 🎜> 예를 들어, 다음 명령문이 실행되면 i++는 실행되지 않고 계속 실행되고 결과 합계가 출력됩니다.do....while 루프
do{
}while(조건);예제 코드를 살펴보겠습니다.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 do....while 循环</title> </head> <script type="text/javascript"> var i = 11; do{ document.write(i+'次'); i++; }while(i<10); </script> <body> </body> </html>위의 코드와 같이 i의 값이 먼저 11이고 루프 본문을 입력하여 11번 출력한 후 i++를 실행하면 됩니다. 이때 i의 값은 12이고, 조건이 충족되지 않았다고 판단하면 루프에서 빠져나옵니다. 참고:
do while 조건이 충족되든 안 되든 상관없습니다.
다음으로 do while을 사용하여 1부터 10까지의 합을 만듭니다. 코드는 다음과 같습니다:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 do....while 循环</title> </head> <script type="text/javascript"> var sum = 0; var i = 1; do{ sum = sum + i ; i++; }while(i<=10) document.write(sum); </script> <body> </body> </html>
계속 및 중단
break 문은 루프를 중단하는 데 사용됩니다.
continue는 루프에서 반복을 건너뛰는 데 사용됩니다. 이전에 switch에서break 문을 사용한 적이 있습니다. 다음으로 예제에서 위의 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>break</title>
</head>
<script type="text/javascript">
for(var i=1;i<=10;i++){
if(i==5){
//break;
continue;
}
document.write(i+"<br>");
}
</script>
<body>
</body>
</html>
코드를 설명하고 break를 입력하여 결과를 확인할 수 있습니다. 둘. 차이점
break i가 정확히 5와 같으면 루프에서 직접 점프하므로 4번만 출력됩니다.
continue i가 5와 같으면 루프에서 점프합니다. 그리고 계속 실행하세요. 출력 결과를 보면 5와 같은 값만 출력됩니다. 2차 값은 출력되지 않습니다