[javascript] 반복문

 

 

 

 

3. 반복문(while/for)

코드를 지정한 횟수만큼 반복해서 실행시킬 수 있음.

 

while문 : 조건식을 만족할 때 까지 코드를 여러번 반복하여 실행 가능.

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

 

예제1)

 

 

 

 

예제2) i의 값이 2의 배수이면서 6의 배수일 경우 i값을 출력

 

 

 

 

예제3) i의 값이 짝수이면 파랑, 홀수이면 빨강이 출력되게 함.

*style에 class값 지정해주기!

 

 

 

---

 

 

 

do while문 : while문의 경우에는 조건식의 만족여부를 먼저 검사한 후 중괄호에 있는 코드의 실행여부를 결정.

하지만, do while문은 반드시 한번은 코드를 실행하고 조건식을 검사.

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

예제4)

중괄호 안에 있는 document.write("hello");를 먼저 실행 한 다음 i<3을 검사한다.

변수 i에는 10이 저장되어있으므로 두 수를 비교한 결과 false를 반환하여 do while문이 종료된다.

 

 

 

 

 

---

 

 

 

for문 : 조건식을 만족할 때까지 특정코드를 반복 실행.

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

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

예제5)

 

 

 

 

예제6)

 

 

 

 

---

 

 

 

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

즉, 강제종료할 때 사용.

for(초기값; 조건식; 증감식){
			break; //반복문을 강제로 종료
			자바스크립트 코드;
			}

var 변수 = 초기값;
while(조건식){
		break;  //반복문을 강제로 종료
		자바스크립트 코드;
		증감식;
		}

 

 

예제7)

6까지 나올거라고 생각했는데 5까지만 나옴;

 

 

---

continue문 : 반복문에서만 사용 가능.

- while문에서 사용할 경우 : continue문 다음에 나오는 코드 무시하고 바로 조건식 검사

- for문에서 사용할 경우 : continue문 다음에 나오는 코드 무시하고 바로 증감식 연산 실행

 

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

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

 

 

예제8)

continue문은 반복문 이후의 코드실행을 건너뛰고 다시 반복문의 증감식을 수행.

2의 배수이면 continue문이 실행되어 홀수만 출력됨.

 

---

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

for(초기값; 조건식; 증감식){ //바깥쪽 for문
	for(초기값; 조건식; 증감식){ //안쪽 for문
	자바스크립트 코드;
	}
}