모던 자바스크립트 Deep Dive

[TIL/모던 자바스크립트 Deep Dive] 2023/03/31

반복문(loop statement)의 핵심은 반복에 있다. 주어진 조건식의 평가 결과가 참인 경우 코드 블록을 실행하는데, 이후에 그 조건식을 다시 평가하여 여전히 참인 경우 코드 블록을 다시 실행한다. 조건식이 거짓일 때까지 반복한다. 자바스크립트에는 세 가지 반복문

2023년 3월 31일3min read

8장. 제어문(control flow statement)

8-3. 반복문(loop statement)

반복문(loop statement)```의 핵심은 ```반복```에 있다. 주어진 조건식의 평가 결과가 참인 경우 코드 블록을 실행하는데, 이후에 그 조건식을 다시 평가하여 여전히 참인 경우 코드 블록을 ```다시 실행```한다. 조건식이 ```거짓일 때까지 반복```한다. 자바스크립트에는 세 가지 반복문이 있다. ```for 문, while 문, do...while 문```이 바로 그것이다.


> **for 문**

다음의 예제를 통해 for 문의 실행 순서를 면밀히 파악해 봤다.

변수 i는 반복을 의미하는 iteration의 i이다. 일반적으로 i를 변수명으로 사용한다. 1. 가장 먼저 변수 선언문 'var i=0'이 실행된다. 변수 선언문은 단 한 번만 실행된다. 2. 변수 선언문의 실행이 종료되면 조건식이 실행된다. 현재 i 값은 0이므로 조건식 평가 결과는 true다. 3. true라는 평가 결과에 따라 코드 블록이 실행된다. 그런데 이때 ``증감문으로 실행 흐름이 이동하는 것이 아니라 코드 블록으로 실행 흐름이 이동``한다. 4. 코드 블록의 실행이 종료되면 증감식 i++가 실행되어 i의 값은 1이 된다. 5. 이후에 ``변수 선언문이 아니라 조건식이 실행``된다. 현재 i 값은 1이므로 조건식 평가 결과는 true다. 6. 동일한 방식으로 진행하다가 i의 값이 2가 되면 for 문의 실행이 종료된다.

다음 코드는 위 예제 코드를 역으로 반복하는 for 문이다.

for 문에서 ``변수 선언문, 조건식, 증감식``은 모두 선택 사항이다. 다만 어떤 식도 선언하지 않으면 무한루프가 된다. 코드 블록을 무한히 반복 실행한다는 뜻이다.

for 문 내에 for 문을 중첩해 사용할 수 있다. 다음과 같다.

while 문

while 문```은 ```for 문```과의 비교를 통해 개념을 정립했다. for 문은 반복 횟수가 명확할 때 주로 사용하는 반면 while 문은 반복 횟수가 불명확할 때 주로 사용하게 된다. '주로'라는 것은 '반드시 그렇게 해야만 하는 것은 아님'을 의미한다. 상황에 맞게 선택적으로 사용하는 것이 좋겠다.


![](https://velog.velcdn.com/images/minkwan/post/a1afadf1-60c5-4ead-9506-9f71b3c34e50/image.png)

while 문에서는 조건식의 평가 결과가 언제나 참이면 무한루프가 된다.

![](https://velog.velcdn.com/images/minkwan/post/eba8c102-11f8-4c06-b19d-0ba4ab9905b5/image.png)

코드 블록 내에 if 문으로 탈출 조건을 만들고, break 문으로 코드 블록을 탈출할 수 있다.

![](https://velog.velcdn.com/images/minkwan/post/c69c04f6-eaf3-499b-b147-56f7e945281f/image.png)


> **do...while 문**

8-4. break 문

break 문은 ``레이블 문, 반복문 또는 switch 문의 코드 블록``을 탈출할 때 사용한다. 이 세 가지 경우를 제외하고 break 문을 사용할 경우에는 syntaxError를 마주하게 된다.

if 문은 조건문이기 때문에 break를 사용할 경우 syntaxError가 반환된다.

레이블 문은 식별자가 붙은 문을 뜻한다. 프로그램의 실행 순서를 제어하는 데 사용한다. switch 문의 case 문과 default 문도 레이블 문이다. 레이블 문을 탈출하기 위해서는 break 문에 레이블 식별자를 지정한다.

중첩 for 문의 내부 for 문에서 break 문을 실행하면 내부 for 문을 탈출하여 외부 for 문으로 진입한다. 외부 for 문을 탈출하려면 레이블 문을 사용한다.

레이블 문은 일반적인 경우에는 권장되지 않는다. 프로그램의 흐름을 복잡하게 해 가독성을 떨어뜨리고 오류 발생의 가능성을 높이기 때문이다. 마지막으로, 문자열에서 특정 문자의 인덱스를 검색하는 코드를 학습했다.

[TIL/모던 자바스크립트 Deep Dive] 2023/03/31

8장. 제어문(control flow statement)

8-3. 반복문(loop statement)

8-4. break 문

8-5. continue 문