반복문
반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있다. "실행되었습니다."라는 문구를 100회 출력하려면 10번 작성해야 하지만 반복문을 사용한다면 한 줄의 출력문으로 10회 출력할 수 있다.
while 문
while 문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있다.
while 문 기본형
var 변수 = 초깃값;
while(조건식){
자바스크립트 코드;
증감식;
}
예시
<script>
var i=1;
while( i <=10) { //조건식 i <= 10을 만족하면 중괄호의 코드를 실행한다.
if(i % 2 == 0 && i % 6 == 0){
document.write("안녕하세요" + i, "<br>");
}
i++;
}
document.write("===== The End =====");
</script>
for 문
for 문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행한다. 사용 방법은 while 문과 같지만 while 문보다 사용하기 편해 사용 빈도가 높은 편이다.
for 문 기본형
for(초깃값; 조건식; 증감식){
자바스크립트 코드;
}
예시
<script>
초깃값 조건식 증감식
for(far i=1; i < 10; i++){
document.write("반복" + i, "<br>")
}
</script>
break 문
반복문인 while 문 또는 for 문에서 break 문을 실행하면 조건식과 상관없이 강제로 반복문을 종료한다.
while 문과 for 문이 사용된 기본형
var 변수 = 초깃값;
while(조건식){
break; //반복문을 강제로 종료
자바스크립트 코드;
증감식;
}
for(초깃값; 조건식; 증감식){
break; //반복문을 강제로 종료
자바스크립트 코드;
}
예시
<script>
for(var i = 1; i <= 10; i++){
if(i == 6) break
document.write(i, "<br>")
}
document.write("===== The End =====");
</script>
continue 문
continue 문은 반복문에서만 사용할 수 있다. while 문에 사용할 경우 continue 문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사를 한다.
for문에서 continue 문을 실행할 경우에는 continue 문 다음에 오는 코드는 무시하고 바로 증감식으로 이동하여 증감 연산을 실행합니다. for 문 안에 있는 continue 문은 다음에 오는 코드는 무시하고 증감식을 실행합니다.
continue 문의 기본형
var 변수 = 초깃값;
while(조건식){
증감식;
continue;
자바스크립트 코드;
}
for(초깃값; 조건식; 증감식){
continue;
자바스크립트 코드;
}
예시
<script>
for(var i = 1; i <= 10; i++){
if(i % 2 == 0) continue;
document.write(i, "<br>")
}
document.write("===== The End =====");
</script>