본문 바로가기

Javascript/javascirpt

반복문

반응형

while 문

while문의 실행 순서

 

조건식을 검사하고 만족하면 ▶ 중괄호 안에 있는 코드와 증감식을 실행 ▶ 다시 조건식을 검사

 

var 변수 = 초깃값;
while(조건식){
자바스크립트 코드;
증감식;
}

 

예시)

<script>
var i = 1;
    while( i <= 10 ){
    	document.write("안녕하세요" + i, "</br>");
        i++;
    }
    document.write("==== The End ====");
</script>

 

출력화면

 

 

응용) 2의 배수이면서 4의 배수인 숫자만 출력

<script>
var i = 1;
while( i <= 30 ){
	if( i % 2 == 0 && i % 4 == 0){
		document.write( i, "<br>");
	}
	i++;
}
</script>

 

출력화면

 

 

for 문

사용 방법은 while 문과 같지만 while 문보다 사용하기 편해 사용 빈도가 높은 편이다.

 

for( 초깃값; 조건식; 증감식){
자바스크립트 코드;
}

 

예시)

<script>
for( var i = 1; i <= 10; i++){
	document.write("반복" + i, "<br>");
	}
</script>

 

출력화면

 

break 문

반복문인 while 문 또는 for 문에서 break 문을 실행하면 조건식과 상관없이 강제로 반복문을 종료한다.

 

for( 초깃값; 조건식; 증감식 ){
break;
자바스크립트 코드;
}

 

예시)

<script>
for(var i = 1; i <= 10; i++){
	if(i == 6) break;
    document.write(i, "<br>");
}
document.write("=== The End ===");
</script>

 

출력화면

 

중첩 for 문

for 문 안에 for 문을 사용한 것을 중첩 for 문이라고 한다.

 

for( 초깃값; 조건식; 증감식){
  for( 초깃값; 조건식; 증감식) {
    자바스크립트 코드;
  }
}

 

예시) 구구단 만들기

<script>
    for(var i = 2; i < 10; i++){
        for(var j = 1; j < 10; j++){
            document.write(i + "X" + j + "=" + i*j + "<br>");
        }
    }
</script>

 

출력화면

 

...

9단까지

반응형

'Javascript > javascirpt' 카테고리의 다른 글

배열  (0) 2020.07.25
반복문  (0) 2020.07.20
조건문(if문, else if 문)  (0) 2020.06.18
연산자  (0) 2020.06.17
변수  (0) 2020.06.13
Javascript 정의와 외부로 연결하기  (0) 2020.05.23