[JavaScript] 반복문 ( while, for )

김터넷 ㅣ 2023. 3. 20. 20:41

728x90
반응형

반복문은 반복적인 작업을 컴퓨터에게 대행시키므로서 우리는 효율적인 작업을 할 수 있다.

반복문의 문법은 몇가지가 있는데 서로 대체 가능하고 상황과 취향에 따라 선택하면 된다.

 

WHILE

 

▼형식은 아래와 같다▼

 

while ( 조건 ){

     반복해서 실행할 코드

 

while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행하고

false면 실행하지 않는다. 즉, true와 false는 종료 조건이 되는데

이 값을 변경하는 것으로 반복문을 종료시키거나 무한 반복시킬 수도 있다.

var i = 0;  

while ( i < 10 ) {      // i의 값이 10보다 작다면 true , 같거나 크다면 false가 된다.

    document.write( ' Hello world ' <br />');

     i++          // i의 값이 1씩 증가하는 쁠쁠 연산자!

}

 

FOR

 

▼형식은 아래와 같다▼

 

for( 초기화; 반복조건; 반복이 될 때마다 실행되는 코드) {

    반복해서 실행될 코드

}

for문은 제일 먼저 초기화를 입력(변수값 설정) 그리고 반복조건을 입력하고 반복해서 실행되는 코드를 넣어준다.

for ( var i = 0; i < 10; i++) {     // ※주의! 반복해서 실행되는 코드에는 " ; " 가 없다! 

     document.wirte( ' hello world');

}

i의 값은 0으로 설정했고 i가 10미만일때까지 ( 0~9가되겠죠?) i 를 ++해라 이런 for문을 이용한 반복문이다.

 

BREAK

 

반복작업을 중간에 중단시키고 싶다면 ?? 

break를 사용하면 된다. 

for( var i = 0; i < 10; i++){

     if ( i === 5) {

      break;

}

    document.write( ' Hello world');

}

i의 값이 5일 때 break문이 실행되면서 반복문이 즉시! 종료된다.

 

CONTINUE

 

실행을 즉시 중단하되 반복은 지속하게 하려면 어떻게 해야할까?

만약 어느 한 부분만 중단시키고 그 뒤의 작업은 반복 시키려 한다면 ?

그때 continue를 사용한다.

for ( var i = 0; i < 10; i++){

      if ( i === 5) {

           continue;
    }

  document.write( 'Hello world');

}

 

반응형