Javascript <자바스크립트> 반복문, while문

 

 

 

Javascript <자바스크립트> 반복문, while문

 

 

 

 

for 문에 이어서 반복 문중 하나인 while문을 실습하면서 이해 하기.

 

 

---

 

 

 

 

while 문으로 짝수만 출력하기

let i = 0;                      // i 에 0 을 할당 해준다.

while (i < 100){               // 0 부터 100 미만까지 조건문을 반목한다.
    console.log(i);            // i 를 출력 해주고
    i += 2;                    // i 의 2를 더해고 다시 위로 올라가서 출력해주고 98이 되면 마지막으로 한번더 돌고 100을
                               // 찍고 while 문을 종료한다.
  }

 

while 은 ~~ 동안 반복하는 것으로 조건을 충족할 때까지 반복하고 종료한다.

 

 

 

---

 

 

 

while 문으로 짝수값만 더하기

let i = 0;                        // i 에 0 을 할당해준다.
let result =0;   		 // 최종 결과값을 담을 변수를 선언하고 0 을 할당한다.

    while (i < 101){             // 0 부터 101 미만가지 반복하는 조건을 준다.
    result += i;	        // 결과값을 담을 result 에 i 를 더해서 담아주고
    i += 2;			// i 는 2씩 증감한다.
}
console.log(result);           // 2씩 증감하여 결과값에 101미만 까지 반복하면서 더해준다.

결과 // 2550

100까지의 숫자에서 짝수만 더한 결괏값을 출력한다.

 

 

---

 

 

저번 포스팅에서 했던 for 문으로 구구단 출력하기

for (var i = 2; i < 10; i++) {
  for (var j = 1; j < 10; j++) {
    document.write(`${i} X ${j} = ${i*j} <br>`);
  }
}

while 문으로 구구단 출력하기

let i = 2;                       // 2 단 부터 시작
let j = 1;			// 곱해지는 시작값

while (i < 10){               // 2단부터 10 미만 9 단까지 반복 조건 설정
  while (j <10){              // 1부터 9 까지 곱해지는 조건설정
   console.log(`${i} x ${j} = ${i*j}`);  // i = 2 일때 j = 1~9 까지 곱해지고 다음 i 가 증감하고 다시 반복된다.
    j++;
  }
  j = 1;  // j의 값을 초기화 시켜주지 않으면 두번째 while 문은 이미 10이 되어서 들어가지 않아서
           // 2단만 출력되게 된다. 초기화를 시켜서 2번째 while 문으로 들어갈수있게 해줘야 한다.
  i++;
}

while 문으로 구구단을 출력할때는 곱해지는 수가 한번 반복이 끝나면 1로 재할당이 되도록 해야 한다.

 

 

 

---

 

 

 

while 문과 break  - 5까지만 곱하기.

let i = 2;
let j = 1;

while (i < 10){
   while (j <10){
   console.log(`${i} x ${j} = ${i*j}`);
   if (j == 5){        // 곱해지는 수가 5까지만 곱할거기 때문에 if 문으로 곱해지는 값이 5가 되면 break 
       break;           //를 만나고 while 문을 나오고 증감 되지 않는다.
    }
    j++;
  }
  j = 1;               // 그리고 다시 1 이 되고 계속 해서 5까지만 곱해지게 된다.
  i++;
}

while 문을 반복하다가 if 조건문을 충족하고 break 를 만나면 while 문을 나오게 된다.

 

 

 

---

 

 

 

 

https://github.com/chry8822

chry8822 - Overview

 

 

 

---