JS 반복문 While문 for문 그리고 제어문 break와 continue

 

 while문 

while문은 무한 반복문이다

while (조건식) {
	document.write("hello <.br>");
}

while (true) {
	document.write("hello <.br>");
}

괄호안의 조건이 참(true)일 경우 

중괄호 안에 있는 코드들이 무한 반복되는 코드이다.

 

이때 조건이 true로 고정된다면

컴퓨터에 무리가 올 수 있기때문에

조건을 꼭 넣어주어야 한다.

var i = 0;
while (i < 10) {
	document.write("hello <br />");
	i = i + 1;
}

이렇게 i 라는 변수를 사용해서

i 를 초기화해주고

반복문이 실행될때마다 i 의 값을 갱신해주는 식으로 (증감문)

조건이 true일때만 반복되다가, 

false가 되면 멈추도록 코딩을 해주도록 하자 

 

 

이때 i 를 초기화해주는 코드와, 

반복조건, 반복실행의 코드 사이에 

수많은 코드들이 실행이 되면서 

중간에 어떠한 에러를 발생시킬 수 있는 확률이 높아질 수 있는데

 

이를 해결할 수 있는 조건문이 바로 for문이다.

 

 for문 

for문은 

초기화, 반복조건식, 증감문을 한줄에 볼수있도록 작성해주어

가독성을 높히고 혹시모를 에러가 발생할 확률도 낮춘다. 

for (var i = 0; i < 5; i = i + 1){
	document.write("hello <br />");
}


for (var i = 0; i < 5; i++){
	document.write("hello <br />");
}

이때 초기화, 반복조건, 증감문 사이에

세미콜론( ; )을 넣어주어 구분해주되

마지막 증감문 뒤에는 세미콜론을 빼주어야 오류가 발생하지 않는다. 

 

 

 제어문 

제어문은 조건에 부합할 경우 

반복문을 종료하거나 건너뛰는 기능을 갖고 있다.

 

break

for (var i = 0; i < 10; i = i + 1){
	if (i === 3) {
		break;
	}
	document.write("hello " + i +"<br />");
}

/* 
hello 0
hello 1
hello 2
*/

break는 조건이 3이 되면 반복문을 종료하고 나가는 반면, 

 

continue

for (var i = 0; i < 10; i = i + 1){
	if (i === 3) {
		continue;
	}
	document.write("hello " + i +"<br />");
}


 /*
hello 0
hello 1
hello 2
hello 4
hello 5
hello 6
hello 7
hello 8
hello 9
 */

continue는 조건이 3이 되면 

해당 조건에서는 반복문을 실행하지않고

다음 반복조건 스텝으로 넘어간다. 

 

 

 반복문의 중첩 

반복문을 중첩해서 사용하는것도 가능하다

for (var i = 0; i < 10; i = i + 1){
	for (var j = 0; j < 10; j++){
		document.write("hello " + i + j +"<br />");
	}
}