자바스크립트 - While 반복문

안녕하세요, 미래의 코딩 슈퍼스타 여러분! 오늘 우리는 자바스크립트의 흥미로운 세계인 while 반복문에 들어갈 거예요. 여러분의 친절한 이웃 컴퓨터 선생님이자, 저는 많은 예제와 설명으로 여러분을 이 길 안내하기 위해 여기 있습니다. 그러니 가상의 등짐을 챙기고, 이 반복적인 모험을 시작해 보세요!

JavaScript - While Loop

자바스크립트 while 반복문

while 반복문은 끈기 있는 친구처럼 "아직 도착하지 않았나요?"라고 계속 묻는 것입니다. 도착지에 도달할 때까지 계속 묻습니다. 이것은 프로그래밍에서 중요한 도구로, 특정 조건이 참인 동안 코드 블록을 반복할 수 있게 해줍니다.

기본 문법

while 반복문의 가장 간단한 형태는 다음과 같습니다:

while (조건) {
// 실행할 코드
}

이를 쪼개서 설명하자면:

while 키워드는 자바스크립트에게 우리가 while 반복문을 시작하고 싶음을 알립니다.
조건은 각 반복 전에 평가되는 부울 표현식입니다.
조건이 참이면, 중괄호 {} 안의 코드가 실행됩니다.
이 과정은 조건이 거짓이 될 때까지 반복됩니다.

예제 1: 5까지 카운팅

간단한 예제로 시작해 보겠습니다:

let count = 1;

while (count <= 5) {
console.log("Count is: " + count);
count++;
}

이 예제에서:

count 변수를 1로 초기화합니다.
count가 5 이하인 동안 while 반복문이 계속됩니다.
반복문 내부에서 현재 카운트를 콘솔에 로그합니다.
count를 1 증가시킵니다.
반복문은 count가 6이 될 때까지 3-4번을 반복합니다. 그때 조건이 거짓이 되어 반복문이 종료됩니다.

출력:

Count is: 1
Count is: 2
Count is: 3
Count is: 4
Count is: 5

예제 2: 숫자의 합

somewhat 더 실용적인 예제를 시도해 보겠습니다. 1에서 10까지의 숫자의 합을 계산하는 while 반복문을 사용합니다:

let sum = 0;
let number = 1;

while (number <= 10) {
sum += number;
number++;
}

console.log("The sum of numbers from 1 to 10 is: " + sum);

이 예제에서:

sum을 0으로 초기화하고 number를 1로 초기화합니다.
number가 10 이하인 동안 반복문이 계속됩니다.
각 반복에서 현재 number를 sum에 더합니다.
number를 1 증가시킵니다.
반복문이 종료된 후 최종 합을 출력합니다.

출력:

The sum of numbers from 1 to 10 is: 55

자바스크립트 do...while 반복문

이제 do...while 반복문을 만나보겠습니다. while 반복문의 약간 더 낙천적인 사촌입니다. "적어도 한 번은 이를 해보자, 그런 다음 계속할지 여부를 보자"하는 것과 같습니다.

기본 문법

do...while 반복문의 구조는 다음과 같습니다:

do {
// 실행할 코드
} while (조건);

이곳에서 중요한 차이는 코드 블록이 조건이 검사되기 전에 적어도 한 번은 실행된다는 점입니다.

예제 3: 맞추기 게임

do...while 반복문을 사용하여 간단한 맞추기 게임을 만들어 보겠습니다:

let secretNumber = 7;
let guess;

do {
guess = prompt("Guess a number between 1 and 10:");
guess = Number(guess);

if (guess === secretNumber) {
console.log("Congratulations! You guessed it!");
} else if (guess < secretNumber) {
console.log("Too low! Try again.");
} else {
console.log("Too high! Try again.");
}
} while (guess !== secretNumber);

이 예제에서:

secretNumber를 설정하고 guess를 초기화합니다.
반복문이 사용자에게 숫자를 맞추게 하고 숫자를 숫자 형식으로 변환합니다.
추측이 정답인지, 너무 낮은지, 너무 높은지 확인하고 피드백을 제공합니다.
추측이 비밀번호와 다른 동안 반복문이 계속됩니다.
사용자가 첫 번째 시도에서 정답을 맞추더라도 반복문 블록은 적어도 한 번은 실행됩니다.

자바스크립트 while vs. for 반복문

이제 while 반복문을 탐구했으므로, "while 반복문 대신 for 반복문을 사용해야 할 때는 언제인가요?"라는 질문이 드릴 수 있습니다. 훌륭한 질문입니다! 비교해 보겠습니다.

when to Use While Loops

While 반복문은 일반적으로 다음과 같은 경우에 사용됩니다:

반복 횟수를 사전에 알 수 없을 때.
반복의 계속 여부가 반복문 실행 중에 변할 수 있는 조건에 의존할 때.

when to Use For Loops

For 반복문은 일반적으로 다음과 같은 경우에 선호됩니다:

반복 횟수를 정확히 알 때.
시퀀스(예: 배열)의 길이를 알 때.

예제 4: 1000보다 큰 첫 번째 2의 제곱수 찾기

1000보다 큰 첫 번째 2의 제곱수를 찾기 위해 while 반복문을 사용해 보겠습니다:

let power = 0;
let result = 1;

while (result <= 1000) {
power++;
result = Math.pow(2, power);
}

console.log(`The first power of 2 greater than 1000 is 2^${power} = ${result}`);

이 경우, while 반복문이 완벽합니다.因为我们不知道需要多少次迭代。

메서드 표

다음 표는 우리가 논의한 메서드를 요약합니다:

반복문 유형	문법	사용 사례
while	`while (조건) { ... }`	반복 횟수를 사전에 알 수 없을 때
do...while	`do { ... } while (조건);`	반복문을 적어도 한 번은 실행하고 싶을 때
for	`for (초기화; 조건; 업데이트) { ... }`	반복 횟수를 정확히 알 때

기억하시기 바랍니다, 올바른 반복문을 선택하는 것은 적절한 도구를 선택하는 것과 같습니다. 연습을 통해 다양한 상황에 가장 잘 맞는 반복문을 선택하는直감을 개발할 수 있습니다.

그렇게 해서, 제 coding 애플턴! 우리는 자바스크립트의 while 반복문을 깊이 탐구했습니다. 반복문은 프로그래밍의遊び터에서 merry-go-round와 같아요. 그들은 멈춰지기 전까지 계속 돌아갑니다. 계속 연습하면, 곧 여러분도 반복문의 마스터가 될 거예요!

Credits: Image by storyset

이전 튜토리얼:

자바스크립트 - 如果... 그렇지 않으면

다음 튜토리얼:

JavaScript - For 루프