자바스크립트 기본 문법 - 반복문 - 1 - while문

자바스크립트 기본 문법 – 반복문 – 1 – while문

Table of Contents

1. 소제목: while문이란?

예시: 선생님이 학생들에게 문제를 출제하고, 학생들이 답을 맞출 때까지 반복해서 문제를 출제하는 상황을 상상해보세요.

while문은 자바스크립트에서 반복적인 작업을 수행하기 위해 사용되는 제어문 중 하나입니다. while문은 주어진 조건식이 참(true)인 동안 코드 블록을 반복적으로 실행합니다. 즉, 조건식의 평가 결과가 참인 동안 반복해서 코드 블록을 실행하고, 조건식이 거짓(false)이 되면 반복을 멈추게 됩니다.

다른 예시로는 어떤 게임에서 캐릭터가 몬스터를 공격하는 상황을 상상해볼 수 있습니다. 몬스터의 체력이 0이 될 때까지 캐릭터는 계속해서 몬스터를 공격해야 합니다. 이때 while문을 사용하여 캐릭터가 몬스터를 공격하는 동안 반복적으로 공격을 수행할 수 있습니다.

2. 소제목: while문의 구문과 동작 방식

예시: 아래의 코드는 1부터 5까지의 숫자를 출력하는 while문의 예시입니다.

let i = 1;
while (i <= 5) {
  console.log(i);
  i++;
}

구문 설명:

let i = 1;: 반복문에 사용할 변수 i를 초기화합니다. 초기값으로 1을 할당합니다.
while (i <= 5) { ... }: 반복문의 조건식을 설정합니다. 조건식인 i <= 5가 참인 동안 반복문의 코드 블록을 실행합니다.
console.log(i);: 현재 i의 값을 출력합니다.
i++;: 반복이 한 번 실행될 때마다 i의 값을 1씩 증가시킵니다.

동작 방식 설명:

i 변수를 1로 초기화합니다.
조건식 i <= 5를 평가합니다. i가 5 이하이므로 조건식은 참입니다.
코드 블록 내부의 console.log(i)가 실행되어 현재 i의 값인 1이 출력됩니다.
i++를 통해 i의 값을 1 증가시킵니다.
다시 조건식으로 돌아가 조건식을 평가합니다. i는 2이므로 조건식은 참입니다.
이후의 과정도 마찬가지로 반복하면서 5까지의 숫자가 출력됩니다.

3. 소제목: while문 사용 시 유의해야 할 점

예시: 다음은 while문을 사용할 때 주의해야 할 점들입니다.

가. 조건식에서 무한 반복에 빠지지 않도록 주의해야 합니다.

while문의 조건식이 항상 참이면 반복문은 무한히 실행됩니다. 따라서 조건식을 적절히 설정하여 반복문이 종료되도록 해야 합니다.

나. 반복문 내에서 조건식이 변경되지 않으면 무한 반복에 주의해야 합니다.

while문 내에서 조건식을 변경하지 않으면 조건식이 항상 참이 되어 무한 반복에 빠질 수 있습니다. 반복문 내에서 조건식을 수정하거나, 반복문을 탈출할 수 있는 조건을 설정해야 합니다.

다. 반복문 내에서 변수를 적절히 업데이트해야 합니다.

반복문 내에서 사용하는 변수를 업데이트하지 않으면 원하는 반복 횟수나 결과를 얻을 수 없습니다. 변수를 적절히 업데이트하여 반복문을 제어해야 합니다.

라. 반복문의 실행 횟수를 예상하고 코드를 작성해야 합니다.

반복문은 조건식이 참인 동안 계속해서 반복되므로, 실행 횟수를 예상하고 그에 맞는 코드를 작성해야 합니다. 실행 횟수를 예상하지 못하면 원하지 않는 결과를 얻을 수 있습니다.

4. 소제목: while문을 활용한 다양한 예시

예시: while문을 사용하여 1부터 10까지의 합을 계산하는 코드입니다.

let sum = 0;
let i = 1;

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

console.log(sum); // 55

위의 예시는 1부터 10까지의 숫자를 더하는 코드입니다. 반복문을 통해 sum 변수에 각 숫자를 더해나가고, 반복문이 종료되면 최종적인 합계를 출력합니다.

5. 소제목: while문의 활용 예시 – 입력 받기

예시: 사용자로부터 숫자를 입력받아 합계를 계산하는 프로그램입니다.

let sum = 0;
let input = 0;

while (input !== -1) {
  input = parseInt(prompt("숫자를 입력하세요 (-1을 입력하면 종료):"));

  if (!isNaN(input)) {
    sum += input;
  }
}

console.log("입력한 숫자들의 합계는 " + sum + "입니다.");

위의 예시는 사용자로부터 숫자를 입력받아 입력받은 숫자들의 합을 계산하는 프로그램입니다. 사용자가 -1을 입력할 때까지 반복문을 실행하며, 각 입력값을 sum 변수에 더합니다. 입력값이 숫자가 아닌 경우는 덧셈에 포함하지 않습니다. 반복문이 종료되면 입력받은 숫자들의 합계를 출력합니다.

6. 소제목: while문 사용 시 주의해야 할 점 요약

조건식에서 무한 반복에 빠지지 않도록 주의해야 합니다.
반복문 내에서 조건식이 변경되지 않으면 무한 반복에 주의해야 합니다.
반복문 내에서 변수를 적절히 업데이트해야 합니다.
반복문의 실행 횟수를 예상하고 코드를 작성해야 합니다.

이렇게 while문을 사용할 때 주의해야 할 점들을 요약해 보았습니다. 반복문을 올바르게 사용하고 의도한 대로 동작하도록 주의하여 코딩하면 효과적으로 작업을 처리할 수 있습니다.

자바스크립트의 while문은 반복적인 작업을 수행하는데 매우 유용한 도구입니다. 조건을 만족하는 동안 반복하여 코드를 실행할 수 있으므로, 반복적인 작업을 간편하게 처리할 수 있습니다. while문의 활용은 문제 해결과 프로그래밍의 효율성을 높이는 데 도움이 됩니다. 따라서 while문을 잘 이해하고 적절히 활용하는 것이 중요합니다.

여기서 설명한 내용을 참고하여 while문에 대한 이해를 높이고, 실제로 코드를 작성하며 익숙해지면 좋을 것입니다. 충분한 실습과 경험을 통해 자바스크립트의 while문을 자유자재로 활용할 수 있을 것입니다. 화이팅하세요!