[Javascript] 10. 반복문(for, while, do while)

Eden·2022년 7월 28일

Javascript

목록 보기

10/33

반복문이 필요한 이유

1부터 10까지 로그를 찍어주세요.

<script>
console.log(1);
console.log(2);
console.log(3);
.
.
.
console.log(10);
</script>

이렇게 표현할 수 있지요.
그런데 100까지 10000까지 표현을 하게 되어야 한다면 어떻게 할까요?

그때 필요한 것이 반복문(loop)이다.

반복문(Loop)

반복문은 동일한 작업을 여러 번 반복할 수 있다.
가장 많이 사용하는 반복문은 for문이다.

반복문 for

<script>
  			 //8.
     		 //5.   /7.
  //1.초기 값 /2. 조건 /4.코드 실행 후 작업
for (let i = 0; i < 10; i++) {
	//3. 반복할 코드 6.                     
}
</script>

초기값 : 반복문에 진입할 때 처음 한 번만 진행된다.
조건 : 반복문이 돌면서 조건을 확인하고 false가 되면 멈춘다.

i = 0
  i가 10보다 작으므로 코드실행
  i값 1 증가
i = 1
  i가 10보다 작으므로 코드실행
  i값 1증가
.
.
.
(반복)

초기 값을 지정하고 2. 조건이 true이면 3. 코드를 실행하고 4. 작업 부분을 진행한다. 5. 또 조건을 확인하고 6. 코드를 실행하고 7. 증가시켜준다(작업).
조건이 false이면 반복문을 빠져 나옵니다.

//1부터 10까지 로그
<script>
for (let i = 0; i <= 10; i++) {
	console.log(i)                    
}
//1 2 3 4 5 6 7 8 9 10
</script>

While

<script>
let i = 0;
	  //조건
while (i < 10) {
	consolo.log(i);
    i++;
}//0 1 2 3 4 5 6 7 8 9
</script>

do.. while

while과 비슷한데 조건문을 아래로 옮길 수 있다.

<script>
let i = 0;
	  
	do{
	//코드
    i++;
} while (i < 10)// 조건
</script>

while과 do while의 차이점은 일단 코드를 실행하고 조건을 나중에 체크하고 있다. 적어도 한 번은 실행하게 된다는 점이 다르다.

break, continue

반복문을 빠져나오는 기능

break

만나는 즉시 코드 실행을 멈추고 해당 반복문에서 빠져나온다.

<script>
//break

while(true){
	let answwer = confirm('계속 할까요?');
    if(!answer) {
    break;
    }
}
</script>

위 코드는 break 를 만날 때까지 계속 반복하는데, break가 되려면 answer가 false가 되어야 한다.
confirm '계속 할까요?' 창이 떴을 때 확인을 누르면 계속되고, 취소를 누르면 false값이 들어가기 떄문에 반복이 끝나게 된다.

무한 반복문은 특정 조건이 되었을 때 break를 해주는게 매우 중요하다.

continue

코드 실행을 멈추는 것 까지 동일하지만 반복문에서 빠져나오지 않고 다음 반복으로 점프한다.

<script>
//continue
//짝수만
for(let i = 0; i < 10; i++){
	if(i%2){
		continue;
    }
    console.log(i)
}//0 2 4 6 8 (홀수일 때 로그를 찍지 못해 다음으로 넘어간다)
</script>