[JS] while, 구구단 만들기

while 반복문

 

while(조건식)  {
    //반복할 코드
    }

while문은 '조건식'의 결과가 true 인경우 코드 블록을 반복적으로 수행합니다.

 

코드 수행 순서는 

1. 먼저 조건식을 판단하고,
2. 조건식의 결과가 true이면, 코드 블록 수행합니다. 조건식의 결과가 false이면, while문을 빠져나옵니다.

1번과 2번을 반복적으로 수행합니다.

 

ex)

let i = 1; //초기화
while(i <= 5) {  //조건문
    const text = i +"번 째 반복문<br>";
    document.write(text);
    
    i++; //증감식
    }
    
//1번 째 반복문
//2번 째 반복문
//3번 째 반복문
//4번 째 반복문
//5번 째 반복문

 

while 문에는 조건문만 들어가지만, 위와 같이 코드 어딘가에는 for 문과 같이 초기화 구문, 증감식이 들어가 주어야 한다.

 

 

ex2)

while(true)  { 
  document.write('Hello');
}

이 코드의 조건문에는 true가 들어 있습니다.

이런 코딩은 하지 마세요.

이렇게 되면, 반복문이 끝나지 않고 무한루프를 돌게 됩니다.

 

조건문에 true가 들어가는 코드를 작성할 때에는

아래와 같이 break문을 사용해서 반복문이 끝나는 조건을 명시해 주어야 합니다.

let i = 1; //초기화
while(true) {  //조건문
    const text = i + "번 째 반복문<br>";
    document.write(text);
    
    //while문이 끝나는 조건
    if(i == 5) {
       break;
       }
       
       i++; //증강식
 }
 
//1번 째 반복문
//2번 째 반복문
//3번 째 반복문
//4번 째 반복문
//5번 째 반복문

 

---

while 를 이용한 구구단을 알아보겠습니다.

 

기초적인 while 사용법이다.

let i = 1;
while (i <= 9) {
document.write("2 * " + i + "=" + 2 * i + "<br />");
i++;
}

 

 

구구단을 console.log() 로 만들어 보겠다.

 

 

 

ex1)

let i = 2;

while (i <= 9) {
  let j = 2;
  while (j <= 9) {
    console.log(i + "*" + j + "=" + i * j);
    j++;
  }
  i++;
}

 

ex2) *선호

num1 = num2 = 2;
while (num1 < 10) {
  console.log(num1 + " * " + num2 + " = " + num1 * num2++);
  if (num2 > 9) {
    num1 += 1;
    num2 = 2;
  }
}