JavaScript의 break와 continue는 반복문(for, while, do...while)이나 switch문 등에서 자주 사용되는 제어문
🔥 1. break 문
break 문은 현재의 반복문이나 switch문을 즉시 종료하는 역할
반복문이 중간에 조건에 따라 종료되어야 할 때 자주 사용
📘 적용 가능한 위치
- 반복문 (for, while, do...while)
- switch 문
📘 동작 방식
- 반복문: 조건에 따라 반복을 즉시 종료하고, 반복문 바깥의 코드로 실행이 이동합니다.
- switch 문: 조건이 일치하는 case 블록을 실행한 후, break가 있으면 switch문을 종료합니다.
for (let i = 0; i < 10; i++) {
console.log(`i의 값: ${i}`);
if (i === 5) {
console.log("i가 5이므로 반복문을 종료합니다.");
break; // i가 5일 때 반복문 종료
}
}
const day = '월요일';
switch (day) {
case '월요일':
console.log('오늘은 월요일입니다.');
break; // '월요일'을 찾았으므로 switch문 종료
case '화요일':
console.log('오늘은 화요일입니다.');
break;
default:
console.log('오늘은 월요일이나 화요일이 아닙니다.');
}
🚀 2. continue 문
continue 문은 반복문의 현재 실행을 중단하고, 다음 반복으로 바로 넘어갑니다.
break와 달리 반복문을 종료하지 않고, 다음 반복으로 이동합니다.
📘 적용 가능한 위치
- 반복문 (for, while, do...while)
❌ switch 문에서는 사용할 수 없습니다.
📘 동작 방식
- 반복문: 조건이 참이면 현재 실행을 건너뛰고, 다음 반복으로 바로 이동합니다.
- break와 다르게 반복문을 종료하지 않으며, 다음 반복을 계속 진행합니다.
for (let i = 0; i < 10; i++) {
if (i % 2 === 0) {
continue; // i가 짝수라면, 아래 코드를 건너뛰고 다음 반복으로 이동
}
console.log(`i의 값: ${i}`); // i가 홀수일 때만 출력됨
}
let i = 0;
while (i < 10) {
i++;
if (i % 2 === 0) {
continue; // i가 짝수일 때 현재 반복을 건너뜀
}
console.log(`i의 값: ${i}`); // i가 홀수일 때만 출력
}
📋 break와 continue의 차이점 정리
구분 | break | continue |
적용위치 | 반복문, switch문 | 반복문 (for, while, do...while) |
반복문 동작 | 반복문 자체를 종료 | 현재 반복만 중단, 다음 반복으로 이동 |
switch 동작 | switch 전체 종료 | X 사용할 수 없음 |
중단 후 동작 | 반복문 바깥으로 이동 | 반복문 내부로 다시 이동하여 다음 반복 실행 |
주요 목적 | 반복이나 switch를 즉시 종료 | 특정 조건만 건너뛰고 다음 반복 실행 |
💡 언제 사용해야 할까?
- break: 특정 조건에서 반복문을 완전히 중단해야 할 때 사용합니다. 예를 들어, 특정 값이 발견되었을 때 반복을 더 이상 실행할 필요가 없는 경우 유용합니다.
- continue: 특정 조건에서 해당 반복만 건너뛰고 다음 반복으로 이동할 때 사용합니다. 예를 들어, 짝수/홀수 조건을 걸러내는 경우에 자주 사용됩니다.
✨ 정리
- break: 현재의 반복문이나 switch문을 즉시 종료합니다.
- continue: 현재의 반복을 중단하고, 다음 반복으로 이동합니다.
'Frontend > JavaScript & Jquery' 카테고리의 다른 글
[JS] Array 배열 group별로 묶는 방법 (0) | 2024.08.21 |
---|---|
[JS 문법] call, apply, bind 메소드로 this 명시적 바인딩하기 (0) | 2024.07.14 |
[JS 문법] this 바인딩에 대해서 (1) | 2024.07.14 |
[JS 문법] JS 호이스팅에 대해서 (0) | 2024.07.14 |
[JS문법] null과 undefined (0) | 2024.07.13 |