Javascript

03.Javascript 반복문 for 문, while 문, do...while 문

프론트개미 2022. 1. 21. 17:43

01. 반복문 for (싱글루프)

① 카운터 변수를 기준으로 명령을 여러번 실행한다. (false가 될 때까지)

② 여러 명령을 늘어 놓지 않고 소스를 간단하게 작성 가능.

③ 소스의 양이 줄어 가독성이 높고 실행속도가 빨라진다.

④ 반복 횟수가 기준이라면 for문을 사용한다.

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

 

: 먼저 var i = 1; 로 초기화를 시켜준 후 i < 10; 에서 i 값이 true라면 i++가 아닌 sum += i;를 먼저 실행 시켜준다.

그리고 i++(후위증감)을 통해서 i 의 값을 1 올려주고 다시 var i = 1;로 초기화를 해주는 것이 아닌 i < 10; 으로 돌아가

값이 false가 나올 때까지 반복을 해준다. i < 10; 에서 증감된 i 의 값이 10이 된다면 이 반복문은 끝이 난다.

 

 

02. 반복문 for (더블루프) ex) 구구단

for( var i = 2; i <= 9; i++){
	for( var j = 1; j <= 9; j++){
    	document.write( i + "*" + j + "=" + (i*j) + "<br>");
    }
}

: 구구단을 볼 수 있는 반복문으로 구구단은 2단부터 시작하니 var i = 2; 로 변수값을 2로 초기화 시켜준 뒤

9단까지만 설정을 하기 위해서 조건식으로 i <= 9; 를 입력한다. 그리고 후위증감을 위해서 i++를 입력했지만,

실행 순서는 i <= 9; 다음으로 하위 for문의 변수값 초기화인 var j = 1; 로 넘어간다. 그리고 var j = 1; 이란 값은  i 값에 곱해줄 부분으로 1 부터 곱해지기 때문에 1로 초기화를 했다. 그리고 마찬가지로 9까지만 곱해줄 것이기 때문에 j <= 9;

라는 식을 작성한 뒤 j++를 작성한다. 하지만 상위 for문과 마찬가지로 j <= 9; 라는 조건문을 실행한 뒤 j++로 후위증감을 해주는 것이 아닌 { } 안에 있는 document.wirte를 실행한다. 그러고 나서 j++를 실행하는데, 이렇게 증감이 됨을 반복함으로써 j <= 9; 가 false가 나올 때 i++로 돌아가 i값을 1 증감해 준다. 그리고 다시 i <= 9;가 값이 true인지 확인하며 위에 작성했던 방식을 i <= 9; 가 false가 나올때까지 반복을 하며 이 반복문은 끝이 난다.

* 내부 for문의 초기화는 i <= 9;가 true값이 나오고 다시 반복하는 과정을 거칠 때마다 해준다.

 

 

03. 반복문 while

① 특정 조건에 따라 반복한다면 while, do...while문을 사용한다.

② 값이 무한으로 반복되는 무한루프에서 while을 많이 사용한다.

var i = 0
while( i < 10 ){
	document.write("반복 조건이 true면 반복합니다. <br>");
    i += 1;
}

* 변수 i 의 값에 false 가 나올 수 있는 값을 입력하면 실행을 하지 않는다.

 

 

04. 반복문 do...while

① 특정 조건에 따라 반복한다면 while, do...while문을 사용한다.

② do...while문은 사용자에게 일단 물어보는 프로그램이다.

var i = 0
do{
	document.write("반복 조건이 true면 반복한다. <br>");
	i += 1;
}while( i < 10 );

: do...while은 조건식 while( );가 맨 뒤에 위치해서 이미 값을 실행한 후 조건에 도달하기 때문에 조건의 true, false와

관계없이 무조건 한번 실행을 시킨다. 그러므로 do...while문은 사용자에게 일단 물어보는 프로그램이라고 불려진다.

 

 

05. break 문

: 반복문의 흐름에서 빠져나올 때 사용한다. 반복문에서 break 가 입력된 곳까지만 실행이 되고 반복문을 나와 다음 명령을 실행하게 된다.

ex) break;

 

 

06. continue 문

주어진 조건에 맞는 값을 만났을 때 실행하던 반복 문장을 건너뛰고, 반복문의 맨 앞으로 되돌아간다.