자바스크립트(javascript) 반복문 while 사용법

자바스크립트(JavaScript)에서 “while” 반복문은 조건이 참일 때 코드 블록을 반복적으로 실행하는 반복 제어 구조입니다. “while” 반복문은 각각 다른 조건과 작업에 사용되며, 코드 블록 내에서 변수를 업데이트하여 반복 작업을 수행합니다.”while” 반복문은 주어진 조건이 참인 동안 코드를 반복적으로 실행합니다. 무한 루프에 빠질 수 있으므로 조건을 명확하게 관리해야 합니다. “while” 반복문의 개념과 구문을 설명하겠습니다.

 

 

 

◎ 구문

 

“조건”은 불리언(Boolean) 값을 반환하는 표현식이며, 조건이 “true”인 동안 코드 블록이 실행됩니다. 조건이 “false”가 되면 루프가 종료됩니다.

 

while (조건) {

    // 실행할 코드 블록

}

 

 

◎ 1. 숫자 역순 출력

 

이 예제에서는 10부터 1까지의 숫자를 역순으로 출력합니다.

 

let count = 10;
while (count >= 1) {
    console.log(count);
    count--;
}
 
[출력]10
9
8
7
6
5
4
3
2
1

 

 

◎ 2. 배열 요소 합산

 

배열의 요소인 숫자 값을 배열의 끝까지 반복하면서 합산합니다.

 

const numbers = [2, 4, 6, 8, 10];
let sum = 0;
let index = 0;
 
while (index < numbers.length) {
    sum += numbers[index];
    index++;
}
 
console.log("배열 요소 합계: " + sum);
 
[출력]
배열 요소 합계: 30

 

 

◎ 3. 사용자 입력 반복

 

사용자가 특정 조건을 만족할 때까지 prompt 함수를 이용해서 입력을 받는 예제입니다. 사용자에게 "안녕"이라고 입력할 때까지 입력 대화상자를 표시하며, 사용자가 조건을 충족하면 출력합니다.

 

prompt 함수의 사용법은 아래 링크를 참조하세요.

https://mainia.tistory.com/6933

자바스크립트 Javascript 사용자 입력 창 prompt() 함수 사용하기

 

let userInput;
while (userInput !== "안녕") {
    userInput = prompt("안녕이라고 입력하세요: ");
}
 
console.log("안녕! 입력이 정확히 이루어졌습니다.");
 
[출력]
사용자가 "안녕"을 입력할 때까지 아무 동작도 하지 않음.
사용자가 "안녕"을 입력하면 "안녕! 입력이 정확히 이루어졌습니다."

 

 

do … while 반복문은 반대로 조건이 뒤에 마지막 블럭에 붙습니다. 아래 포스팅을 참고하세요.

 

[do while]