핵심 요약
- 자바스크립트 반복문은 코드의 반복 실행에 필수적이며, 이들의 구조와 미묘한 차이를 이해하는 것이 중요합니다.
- ‘break’ 구문을 사용하면 반복문을 조기에 종료하여 코드 실행 효율성을 높일 수 있습니다.
- 반복문 탈출은 코드 최적화, 불필요한 반복 방지, 그리고 오류 처리 개선에 기여합니다.
자바스크립트에서 반복문을 사용하면 코드를 여러 번 실행할 수 있지만, 때로는 특정 조건 하에서 반복문을 조기에 중단해야 할 필요가 있습니다. 이때 ‘break’ 구문이 유용하게 사용됩니다. ‘break’ 구문의 작동 방식과 필요한 이유를 자세히 살펴보겠습니다.
자바스크립트 반복문 이해
자바스크립트 반복문은 코드의 반복 실행을 가능하게 하여 프로그램의 간결성을 높이고 코드 중복을 줄여줍니다. 반복문은 거의 모든 프로그램에서 사용되는 핵심 개념이므로, 자바스크립트를 처음 배우는 학습자라면 반복문을 완벽히 이해하는 것이 중요합니다.
자주 사용되는 자바스크립트 반복문의 종류는 다음과 같습니다:
- for 반복문
- while 반복문
- do…while 반복문
- for…in 반복문
- for…of 반복문
이들은 모두 반복 작업을 수행하지만, 각각 사용에 적합한 상황과 고유한 특징을 가지고 있습니다. 각 반복문의 구문은 아래 표와 같습니다.
| 반복문 종류 | 구문 | 설명 |
|---|---|---|
| for |
for (초기값; 조건; 증감) {
|
지정된 조건이 참인 동안 코드 블록을 실행합니다. 초기값은 반복문 시작 시 한 번 실행되며, 증감은 각 반복 후 실행됩니다. |
| while |
while (조건) {
|
지정된 조건이 참인 동안 코드 블록을 실행합니다. |
| do…while |
do {
|
코드 블록을 먼저 실행한 후 조건을 검사합니다. 따라서 코드 블록은 항상 최소 한 번 실행됩니다. |
| for…in |
for (속성 in 객체) {
|
객체의 각 속성에 대해 코드 블록을 실행합니다. |
| for…of |
for (요소 of 반복가능객체) {
|
배열, 문자열 등 반복 가능한 객체의 각 요소에 대해 코드 블록을 실행합니다. |
‘break’ 구문 소개
‘break’ 구문은 반복문을 즉시 종료하는 데 사용됩니다. 반복문 실행 중 ‘break’ 구문을 만나면 해당 반복문은 즉시 중단되고, 프로그램 제어는 반복문 다음의 코드로 이동합니다.
‘break’ 구문은 반복 횟수나 기본 조건의 거짓을 기다리지 않고, 예기치 않은 상황에서 반복문을 중단해야 할 때 유용합니다. 이 구문의 문법은 매우 간단합니다.
break;
다양한 자바스크립트 반복문에서 ‘break’ 사용법
다음은 각 자바스크립트 반복문에서 ‘break’를 사용하는 방법을 보여주는 예시입니다. 각 예시에서 지역 변수의 값과 해당 값이 출력 또는 평가되는 시점을 주의 깊게 살펴보세요.
for 반복문에서 탈출하기
const numbers = [1, 2, 3, 4, 5];
let sum = 0; for (let i = 0; i < numbers.length; i++) {
sum += numbers[i];
if (sum > 5) {
break;
}
} console.log(sum);
이 코드는 for 반복문을 사용하여 배열의 요소들을 합산합니다. 합계가 5를 초과하면 ‘break’ 구문을 사용하여 반복문을 종료합니다.
while 반복문에서 탈출하기
const numbers = [1, 2, 3, 4, 5];
let product = 1;
let i = 0; while (i < numbers.length) {
product *= numbers[i];
if (product > 10) {
break;
}
i++;
}
console.log(product);
이 코드는 while 반복문을 사용하여 배열 요소의 곱을 계산합니다. 곱이 10을 초과하면 ‘break’ 구문이 실행되어 반복문을 중단합니다.
do…while 반복문에서 탈출하기
let i = 1;
do {
if (i % 2 === 0) {
console.log(i);
}
i++;
if (i > 5) {
break;
}
} while (i <= 10);
이 do…while 반복문은 1부터 10까지의 숫자 중 짝수를 출력합니다. 변수 i가 5를 초과하면 ‘break’ 구문을 실행하여 반복문을 종료합니다.
for…in 반복문에서 탈출하기
const sentence = "Hello";
let result = ""; for (let index in sentence) {
if (index == 2) {
break;
}
result += sentence[index];
} console.log(result);
이 반복문은 문자열의 각 문자를 순회하며 연결합니다. 반복문 인덱스가 2가 되면 ‘break’ 구문을 사용하여 반복문을 중단합니다.
for…of 반복문에서 탈출하기
const numbers = [1, 2, 3, 4, 5];
for (let num of numbers.reverse()) {
console.log(num);
if (num === 3) {
break;
}
}
이 반복문은 배열의 각 요소를 역순으로 순회하며 출력합니다. 요소 값이 3이 되면 ‘break’ 구문을 사용하여 반복문을 종료합니다.
반복문 탈출의 중요성
반복문 탈출은 코드 최적화를 위한 효과적인 방법이 될 수 있습니다. 반복문을 조기에 종료함으로써 불필요한 반복을 피하고, 시간 복잡도를 줄이며, 오류를 효율적으로 처리할 수 있습니다.
이해도를 높이기 위해 다양한 자바스크립트 반복문에서 ‘break’ 구문을 활용하는 연습을 하는 것이 좋습니다.