메뉴 건너뛰기

XE Guidebook

JS 기초
2016.07.30 15:45

2-08 반복문

조회 수 13 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

◈ 반복문


  같은 일을 반복하여 실행해주는 명령문으로
  대표적으로 for문과 while문이 있다.
 
 
▶ for 문
 
  for 문은 변수에 저장된 초기값이 조건식을 만족하는 동안 { }안의 명령을 반복 실행한다.
  특정한 값 범위 내에서 일이 몇 번이나 반복될지 알고 있을 때에 사용한다.
 
- 사용 형식
 
  for (초기값; 조건식; 표현식;){
    //실행문;
  }
 
  ㆍ초기값 : for문을 시작할 때 선언하는 변수로 1개 이상 가능하다. 
  ㆍ조건식 : 조건이 참이면 실행문을 수행하고 거짓이면 반복을 멈춘다.
  ㆍ표현식 : 초기값에 선언된 변수 값을 다양한 수식으로 변경할 수 있다.
 
- for 문의 반복순서
 
  ① 초기값을 처리한다.
  ② 조건식을 비교하여 참이면 실행문을 수행하고, 거짓이면 반복문을 종료한다.
  ③ 조건식이 참일 경우 실행문을 수행하고 나면 표현식을 실행한다.
  ④ 반복문이 종료될 때까지 ②와 ③을 반복한다.
 
  (예)
    for(var i=0; i<5; i++) {
      document.write(i);
    }
 
    ⇒ 결과값
    01234
 
  (예) 
    인치(inch)를 센티미터(cm)로 변환하고 50인치까지의 결과를 테이블로 출력한다.
    for (inches=0; inches <= 50; inches=inches + 1;) {
      document.write("<tr><td>"+inches+"</td><td>"+(inches*2.54)+"</td></tr>")                                       
    }
 
 
- 반복문의 탈출
 
  반복문을 실행하다가 더 이상 반복하지 않을 경우에는 break 문과 continue 문을 사용한다.
 
【break】
 
  반복문 안에서 break 문을 만나면 반복문을 탈출한다.
 
  for (var k=0; k<10; k++) {
    document.write(k);
    if(k>=5){
      break;
    }
  }
 
  for 문은 10회를 반복해야 하는데,
  k가 5보다 클 경우에는 break 문을 실행하여
  for문을 빠져 나가 출력 결과는
 
  012345
 
 
【continue】
 
  continue 문이 수행되는 반복문만 빠져 나가며,
  전체 반복문을 빠져 나가는 것은 아니다.
 
  for (var k=0; k<10; k++) {
    if(k==5){
      continue;
    }
    document.write(k);
  }
 
  k가 5가 되면 continue 문이 수행되어 반복문을 빠져 나가지만
  5 이후에도 계속 반복문은 수행되어
  결과값은 5가 출력되지 않고 다음과 같이 된다.
 
  012346789
 
 
▶ while 문
 
  조건이 충족 될 때까지 반복 실행한다.
 
  while (variablename <= 50) {
    //실행문; 
  }
 
(예제)
 
  센티미터가 200이 될 때까지 출력한다.
 
  <script language="JavaScript">               
    inches=0; centimeter=0; while (centimeter <= 200) {
      document.write("<tr><td>"+inches+"</td><td>"+centimeter+"</td></tr>")
      inches=inches + 1
      centimeter=inches * 2.54 
    }
  </script>