본문 바로가기

Programming Language/JavaScript(자바 스크립트)

자바스크립트[JS] while문 기본 구조 및 예시 ++ do while 문과의 차이점은 ??

반응형

자바스크립트 while 문은 반복문 중 조건 부분을 간단하게 작성할 수 있다는 큰 장점을 가지고 있으며, do while 문은 조건 부분이 실행 부분보다 뒤에 있다는 점이 가장 큰 특징으로 작용합니다. 즉, while 문은 조건 부분이 앞 쪽에, do while 문은 조건 부분이 뒤 쪽에 자리잡게 됩니다.

 

1. while 문의 구조와 예시

1부터 10까지 출력해주세요
// ? while문에 대한 간단한 예시
// ? 예시 1번 : 1 이상, 10 이하 모든 수 출력해보기

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

코드의 맨 처음에는 i 는 1을 지정해줍니다. 그리고 while 문 안에서는 10까지 출력이 되어야하니, i < 11 로 조건을 해주면 i 가 10까지 반복을 하게 됩니다. 그리고 안에 출력문에서는 그 i 를 출력해주고, 반복문이 한번씩 돌 때마다 i를 1씩 더해주도록 합니다.

 

 

10 이하 짝수를 출력해주세요

방법1

// ? while문에 대한 간단한 예시
// ? 예시 2번 : 1 이상, 10 이하 모든 짝수 출력해보기

// ! 방법 1
let i = 2;
while (i < 11) {
    console.log(i);
    i += 2;
}

첫번째 방법은 i를 2씩 더해주어 공차를 임의로 정해주게 됩니다. 

 

방법2

// ! 방법 2
let i = 1;
while (i < 6) {
    console.log(i * 2);
    i += 1;
}

 

두번째 방법은 출력 부분에서 곱하기 2를 해주는 (i * 2) 방법으로 코드를 짰습니다.

 

 

2. do while 문의 구조와 예시

while 문의 경우

let i = 1

while (i > 11) {  // ! 조건문에서 만족을 안 하므로 아예 반복문 작동 안함.
    console.log(i);
    i ++
}

// 결과 : 아무것도 안 나옴

 

do while 문의 경우

let j = 99
do { // ! 반복문의 조건을 만족하기 전에 do 문을 먼저 지나치게되어 변수 최초의 값 출력하게 됩니다.
    console.log(j);
    j ++
} while (j > 100);

// 출력 결과 : 99

do while 문의 경우는 while 조건 부분이 뒤에 있으므로 우선 초기 변수 j 값이 출력되는 것을 볼 수 있습니다.

반응형