[Javascript] for 문 형식 / while 문과 비교 / break 문 활용

자바스크립트에서 사용하는 반복문에는 두 가지가 있다. 바로 while 문과 for 문이다. 보통 for 문이 더 간결하지만, 무한 반복문을 표현할 때는 while 문을 사용하는 게 더 간결하다.

 

 

 

 

 

목차

1. for 문 형식
2. for 문 실행 순서
3. while 문과 for 문의 비교
4. for 문에서 break 문으로 반복 멈추기

 

 

 

 

for 문 형식

for 문 형식은 아래와 같다. 우선 '시작'에서 변수 선언을 해준다.

 

for (시작; 조건식; 종료식) {
  실행문;
}

 

 

 

for 문 실행 순서

①'시작' 부분에서 변수가 선언되면 ②그 변수를 사용한 조건식이 실행된다. ③조건식이 참이라면 ④실행문과 종료식이 순서대로 실행된다. ⑤다시 조건식으로 돌아간다. ⑥조건식이 성립하지 않을 때까지 실행문과 종료식이 반복 실행된다.

 

 

 

 

while 문과 for 문의 비교

for 문은 조건식을 보면 언제 끝날지 알 수 있고, while 문은 조건이 유지될 때까지 반복한다. 따라서 반복 횟수가 정해진 경우에 for 문을 주로 사용한다. (ex. 구구단)

while 문도 반복문이므로 for 문을 while 문으로 변형하여 사용할 수 있다. while 문에서는 변수 선언, 조건식, 변수 증감(종료식) 부분이 모두 따로 표현된다. 하지만 for 문에서는 모두 소괄호 안에 모아져 있는 형태이다.

 

// while 문
let i = 0;
while (i < 10) {
  console.log('참입니다');
  i++;
}

// '참입니다' 10번 출력



// for 문
for (let i = 0; i < 10; i++) {
  console.log('참입니다');
}

// '참입니다' 10번 출력

 

 

 

for 문에서 break 문으로 반복 멈추기

break 문은 주로 switch 문에서 case를 빠져나올 때 사용된다. 무한 반복문을 표현할 때는 보통 while 문으로 표현하지만 for 문에서도 중간에 멈추고 싶은 경우 break 문을 사용한다.

 

for (let i = 0; i < 10; i++) {
  console.log(i + '번째');
  if (i === 5)
    break;
}

// 0번째
// 1번째
// 2번째
// 3번째
// 4번째
// 5번째

 

변수가 5일 때까지 출력되고, if 조건문에 성립하여 break 문이 실행되었다.