제어문과 반복문을 중첩하여 사용하는 일반적인 경우는 다음과 같습니다.

for (let i = 0; i < 5; i++) {
  // 외부 반복문
  console.log(`외부 반복문: ${i}`);
  
  for (let j = 0; j < 3; j++) {
    // 내부 반복문
    console.log(`- 내부 반복문: ${j}`);
    
    if (j === 1) {
      console.log('====> 내부 반복문을 종료합니다.');
      break; // 내부 반복문 종료
    }
  }
}

위의 코드에서는 외부 반복문과 내부 반복문이 중첩되어 있습니다. 외부 반복문은 0에서 4까지 반복하고, 내부 반복문은 0에서 2까지 반복합니다.

내부 반복문에서 조건문을 사용하여 j가 1일 때 내부 반복문을 종료하도록 설정하였습니다. 따라서 내부 반복문은 j가 1일 때 종료하고 외부 반복문은 계속 실행됩니다.

콘솔에는 다음과 같이 출력될 것입니다.

외부 반복문: 0
- 내부 반복문: 0
- 내부 반복문: 1
====> 내부 반복문을 종료합니다.
외부 반복문: 1
- 내부 반복문: 0
- 내부 반복문: 1
====> 내부 반복문을 종료합니다.
...

제어문과 반복문을 중첩하여 사용하여 복잡한 로직을 구현할 수 있습니다. 중첩된 구문을 작성할 때 주의해야 할 점은 가독성과 코드 품질을 유지하는 것입니다. 코드를 작성할 때 내부 반복문이나 조건문이 많아지면 코드가 복잡해지므로 필요한 경우 함수로 나누어 관리하는 것이 좋습니다.

참고 자료:

• MDN - 제어문
• MDN - 반복문