[JavaScript] STUDY 5 - 반복문

PSEveloper ㅣ 2020. 2. 6. 21:17

반복문

 

1) 반복문이 필요한 이유

  • 같은 처리 과정을 되풀이하는 것이 필요하기 때문
  • 학생 30명의 평균 성적을 구하려면 같은 과정을 30번 반복해야 한다.

2) while 구문

  • 가장 간단한 형태의 반복문(loop)

   while (condition)

           statement;

 

예시)

<script>

    var num = 0;
    
    while (num < 5) {
    	document.writeln("Hello World!");
    	num++;
    }
    
    // 무한 루프
    while (true)
    	document.writeln("Hello World!");

</script>

 

2) do-while 구문

  • 먼저 코드 블록을 실행하가ㅗ 조건을 검사하는 반복문
  • 코드 블록을 최소한 한 번은 실행해야 하는 경우 사용하는 반복문

   do {

        statement;

   } while (condition);

 

3) for 구문 (중요)

  • while 구문은 조건에 비중을 두지만 for 구문은 반복 횟수에 비중을 둔다.

   for (initial;  condition;  after-thought)

       statement;

 

   while (condition) {

        statement;

        after-thought;

   }

  • initial - 첫 번째 표현식(초기식): 인덱스 변수 선언과 초기화
  • condition - 두 번째 표현식(조건식): 인덱스 변수의 범위
  • after-thought - 세 번째 표현식(종료식): 인덱스 변수의 변화

 

예시)

<script>

    for (var i = 1; i <= 5; i++)
    	document.writeln(i + "번째 메시지");
        
</script>
<script>

    var i = 1;
    
    while (i <= 5) {
    	document.writeln(i + "번째 메시지");
        i++:
    }

</script>

실행결과

 

4) 인덱스 변수와 for 구문

 

① 인덱스 변수 (index variable)

  • 반복문 등에서 바뀌는 값을 표현하기 위해서 사용하는 변수
  • 반복문을 몇 번 수행할 것인지 결정하기 위해서 사용하는 변수

② for 구문을 작성하기 위해 고려할 사항

  • 반복해서 실행시킬 문장
  • 반복해서 실행시킬 문장 내에서 변하는 값 = 인덱스 변수
  • 인덱스 변수의 초기화(초기식)
  • 인덱스 변수의 범위(조건식)
  • 인덱스 변수의 변화(종료식)