[JS] #3-2 제어문 : 반복문(for문, while문, do-while문)

1. 반복문

 

 다시 한 번 말하자면 제어문이란 프로그램의 코드가 흘러가는 흐름을 제어하는 문이다.

 제어문의 한 종류인 반복문은 코드를 다시 한 번 반복시켜주는 문이다.

 

 반복문은 for문, while문, do-while문으로 나누어져 있다.

 반복문에서는 break문, continue문도 함께 사용하며 끝없이 반복되게 하는 무한루프를 만들 수도 있다.

 우리는 이 반복문 중에서도 for문을 위주로 반복문을 알아보려한다.

 

 

2. for문

 

 for문의 기본 문법은 아래와 같다. 

for ( 시작값 ; 종료값 ; 증감) { 얼마나 반복시킬 것인가 }
	//무엇을 반복시킬 것인가

 

 for문도 if문과 마찬가지로 프로그램의 버전에 따라 허용되는 것들이 다르기 때문에 기본적인 for문의 사용방법을 따르려한다.

 

 1) 증가에 따른 반복

for (let a=1; a<=3; a++) {
    document.write(a+"HTML");
} // for end

 

 2) 감소에 따른 반복

for (let b=3; b>=1; b--) {
    document.write(b+"CSS");
} // for end

 

 3) 4단 출력하기

let dan=4;
for (let i=1; i<=9; i++) {
    document.write(dan + "*" + i + "=" + (dan * i) + "<br>");
}

 

 

3. break문과 continue문

 

 break문은 반복문을 빠져나오게 하는 명령어이고,

 continue문은 반복문을 계속 실행하게 하는 명령어이다.

for(let a=1; a<10; a++) {
    if(a==5){
        break;
    } // if end
    document.write(a); // 1234
} // for end
// document.write(a); 에러. for문 안에서 정의된 변수 a는 for문 안에서만 쓸 수 있다.

document.write("<hr>")

for(let a=1; a<10; a++) {
    if(a==5){
        continue;
    } // if end
    document.write(a); // 12346789
} // for end

 

 

4. whlie문과 do-while문

 

 1) while문

 while문은 간단한 문법 형식을 갖고 있다.

while (조건) {조건이 true이면 수행}

 

 while문은 시작지점도, 증감식도 없다.

 프로그램상에서 필요한 구간에 잘 배치하여 사용하면 된다.

 while문의 대표적인 예가 아래의 문장이다. 이 문장을 코딩하면 무한루프로 코딩이 된다.

while (true) {}

 

 예시 코드)

let a = 1;
while (a<=3) {
    document.write(a);
    document.write("JAVA");
    a++
}
document.write(a); // a 변수의 선언 위치에 따라 에러가 나지 않음

 

 2) do-while문

 do-while문의 기본 문법은 아래와 같다.

do {
    조건이 true이면 수행
} while(조건);

 

 do-while문은 do 안에 적힌 조건이 true 일 경우 while의 조건을 수행하는 형태이다.

 

 예시 코드)

let b = 1;
do {
    document.write(b);
    document.write("Python")
    b++
} while(b<=3);

 

 3) while문과 do-while문의 차이점

 while문과 do-while문의 가장 큰 차이점은 do-whilw문은 무조건 첫번째 조건은 출력을 한다는 것에 있다.

 왜냐하면 반복의 시점이 뒤에 있기 때문이다.

 while문은 조건이 틀리면 아예 실행이 되지 않는다.

 아래의 코드를 살펴보자.

let c=5;
do {
    document.write("jQuery")
    c++
} while(c<=3);

 

 만약 while문으로 위와 같은 조건을 코딩하면 출력되지 않을 것이지만 do-while문의 경우에는 jQuery가 한번 출력되고 멈춘다.