JavaScript 반복문: 반복 작업을 효율적으로 처리하는 도구들
반복문: 반복 작업을 효율적으로 처리하는 도구들 🔄
안녕하세요! 이번에는 프로그래밍에서 매우 중요한 개념인 "반복문"에 대해 알아보고 활용하는 방법을 살펴보겠습니다. 반복문은 동일한 작업을 여러 번 반복해서 수행할 수 있는 도구로, 프로그램의 효율성을 높이는 데에 핵심적인 역할을 합니다. 함께 배워볼까요? 🚀
1. for, while, do-while: 다양한 반복문의 활용
JavaScript에서는 다양한 종류의 반복문을 제공합니다. 가장 기본적인 형태인 for문부터 시작해 while문과 do-while문까지 다양한 방법으로 반복 작업을 수행할 수 있습니다. 아래 예제를 통해 각각의 반복문을 살펴보겠습니다.
1-1. for문
for문은 초기값, 조건식, 증감식을 이용하여 반복 작업을 수행하는 가장 일반적인 형태의 반복문입니다.
<script>
for (let i = 1; i <= 5; i++) {
console.log(i);
}
</script>
위의 코드에서는 for문을 사용하여 1부터 5까지의 숫자를 출력하는 예제입니다. 반복문 내에서 변수 i를 활용하여 반복 횟수를 제어하고 있습니다.
1-2. while문
while문은 조건식이 참인 동안 반복 작업을 수행하는 반복문입니다. 조건식이 처음부터 거짓인 경우 한 번도 실행되지 않을 수도 있습니다.
<script>
let i = 1;
while (i <= 5) {
console.log(i);
i++;
}
</script>
위의 코드에서는 while문을 사용하여 1부터 5까지의 숫자를 출력하는 예제입니다. 초기값과 증감식을 반복문 외부에서 처리하는 특징이 있습니다.
1-3. do-while문
do-while문은 먼저 코드 블록을 실행한 후 조건식을 평가하는 반복문입니다. 따라서 최소 한 번은 코드 블록이 실행됩니다.
<script>
let i = 1;
do {
console.log(i);
i++;
} while
(i <= 5);
</script>
위의 코드에서는 do-while문을 사용하여 1부터 5까지의 숫자를 출력하는 예제입니다. 조건식이 참인 동안 반복 작업을 수행하며, 조건을 평가하기 이전에 코드 블록이 최소 한 번 실행됩니다.
2. 구구단 n단 출력해보기
반복문은 구구단과 같이 반복되는 작업을 효율적으로 처리하는 데에 매우 유용합니다. 아래 예제는 반복문을 사용하여 원하는 단의 구구단을 출력하는 코드입니다.
<script>
let dan = 5;
for (let i = 1; i <= 9; i++) {
let result = dan * i;
console.log(`${dan} x ${i} = ${result}`);
}
</script>
위의 코드에서는 dan이라는 변수에 원하는 단의 값을 할당하고 있습니다. 반복문을 사용하여 1부터 9까지의 숫자와 dan 변수를 곱한 결과를 출력합니다.
3. 반복문과 조건문
반복문과 조건문을 함께 사용하여 원하는 조건에 따라 반복 작업을 제어할 수 있습니다. 아래 예제는 반복문 내부에 조건문을 추가하여 짝수만 출력하는 코드입니다.
<script>
for (let i = 1; i <= 10; i++) {
if (i % 2 === 0) {
console.log(i);
}
}
</script>
위의 코드에서는 for문을 사용하여 1부터 10까지의 숫자 중 짝수만 출력하는 예제입니다. i % 2 === 0 조건을 통해 짝수를 판별하고 출력합니다.
4. 이중반복문의 동작 순서
이중반복문은 반복문 안에 또 다른 반복문을 중첩하여 사용하는 것을 말합니다. 이때 내부 반복문은 외부 반복문의 반복 횟수만큼 실행됩니다. 아래 예제는 이중반복문의 동작 순서를 설명하는 코드입니다.
<script>
for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 2; j++) {
console.log(`외부 반복문: ${i}, 내부 반복문: ${j}`);
}
}
</script>
위의 코드에서는 외부 반복문과 내부 반복문을 사용하여 각각 1부터 3까지, 1부터 2까지의 숫자를 출력하는 예제입니다. 내부 반복문은 외부 반복문의 반복 횟수만큼 실행되므로, 총 6번의 순서쌍이 출력됩니다.
5. 구구단 1-9단 출력
이중반복문을 사용하여 구구단의 1단부터 9단까지 한 번에 출력할 수도 있습니다. 아래 예제는 구구단의 1단부터 9단까지를 이중반복문으로 출력하는 코드입니다.
<script>
for (let dan = 1; dan <= 9; dan++) {
for (let i = 1; i <= 9; i++) {
let result = dan * i;
console.log(`${dan} x ${i} = ${result}`);
}
console.log("-------------------------");
}
</script>
위의 코드에서는 외부 반복문으로 구구단의 단을, 내부 반복문으로 각 단의 곱셈을 계산하여 출력합니다. 각 단의 출력이 끝날 때마다 구분선을 출력하여 구구단 간의 구분을 명확히 합니다.
6. 반복문들의 차이점
for, while, do-while 등 다양한 종류의 반복문들이 있습니다. 이들 각각의 반복문은 사용 목적과 동작 방식에서 차이가 있습니다. 자세한 내용은 아래 링크에서 확인할 수 있습니다.
- MDN 웹 문서: 반복문과 반복 제어
- W3Schools JavaScript for Loop
- W3Schools JavaScript while Loop
- W3Schools JavaScript do-while Loop
7. for반복문으로 작성된 코드를 while반복문으로 바꿔보기
for문으로 작성된 반복문을 while문으로 바꿀 수도 있습니다. 아래 예제는 for문으로 작성된 구구단 출력 코드를 while문으로 바꾼 예제입니다.
<script>
let dan = 2;
while (dan <= 9) {
let i = 1;
while (i <
;= 9) {
let result = dan * i;
console.log(`${dan} x ${i} = ${result}`);
i++;
}
console.log("-------------------------");
dan++;
}
</script>
위의 코드에서는 for문으로 작성된 구구단 출력 코드를 while문으로 변환하였습니다. 외부 반복문과 내부 반복문을 각각 while문으로 작성하고, 변수를 초기화하고 증감시키는 부분을 직접 처리하였습니다.
이제 반복문에 대해 자세히 알아보았습니다. 반복문은 프로그램에서 반복되는 작업을 효율적으로 처리하는 데에 핵심적인 역할을 합니다. 다양한 종류의 반복문을 활용하여 프로그램을 작성할 때, 각 반복문의 특징과 용도에 맞게 선택하고 활용해보세요! 😊🔁