[JavaScript] break 문 / 반복문을 멈추거나 빠져나올 때 🧐

 

break 문은 특정 조건에서 반복문을 멈추거나, 반복문 중간에서 앞으로 되돌아가야 할 경우에 사용한다.

단독으로 사용할 수도 있고 반복문을 끝낼 조건과 함께 사용할 수도 있다.

---

예제 1 (자리배치도)

1-1 break 문을 사용하지 않았을 때

아래는 총 입장객 수에 맞게 번호가 있는 좌석을 배치했다.for문을 사용해 총 56명의 입장객을 한 줄에 5 좌석으로 자리를 배치하였는데,좌석은 56개가 아닌 60개까지 만들어지는 것을 확인할 수 있었다.

document.write(`<table>`);
  // 행 (11줄)
  for(let i = 0; i<rowNum; i++){
    document.write(`<tr>`);
    // 열 (5줄)
    for(let j = 1; j<=colNum; j++){
      // 좌석번호
      seatNo = i * colNum + j;

      document.write(`<td> 좌석 ${seatNo} </td>`);
    }
    document.write(`</tr>`);
    
  }
  document.write(`<br>`);

break 문을 사용하지 않았을 때의 결과

 

1-2. break문 사용

break문을 추가하니 좌석번호(56개)가 입장객수(56명)에 맞게 내가 원하는대로 생성되었다.

 

    document.write(`<table>`);
    // 행 (11줄)
    for(let i = 0; i<rowNum; i++){
      document.write(`<tr>`);
      // 열 (5줄)
      for(let j = 1; j<=colNum; j++){
        // 좌석번호
        seatNo = i * colNum + j;
        // 좌석번호가 전체 입장객 수보다 크면 종료
        if(seatNo > memNum) break;
        document.write(`<td> 좌석 ${seatNo} </td>`);
      }
      document.write(`</tr>`);
      
    }
    document.write(`<br>`);

 

break 문 사용 결과

 

---

예제 2 (구구단 출력)

2-1 break 문을 사용하지 않았을 때

아래 구구단 예제는 9단까지 출력되는 상태에서

break 문을 사용해 4단까지만 출력되게 사용하였다.

    for(let i = 2; i<=9 ; i++){
      document.write(`<div class="times">`);
      document.write(`<h3>${i}단</h3>`);
      for(let j=1; j<=9; j++){
        document.write(`${i} x ${j} = ${i*j} <br>`);
      }
      document.write(`-----------`);
      document.write(`</div>`);
    }

break 문을 사용하지 않았을 때의 결과

2-2 break 문 사용

    for(let i = 2; i<=9 ; i++){
      document.write(`<div class="times">`);
      document.write(`<h3>${i}단</h3>`);
      for(let j=1; j<=9; j++){
        document.write(`${i} x ${j} = ${i*j} <br>`);
      }
      document.write(`-----------`);
      // break 문 사용 4단까지 출력
      if ( i === 4 ) {
        break;
      }
      document.write(`</div>`);
    }

 

break 문 사용 결과