자바스크립트 반복문 - while, do while

 자바스크립트 반복문 모음 - while, do while

자바스크립트 반복문에는 여러가지 종류가 있습니다.

처음에는 고전적인 for문과 while문을 배웠을것입니다.

 for문은 종류가 매우 많기 때문에 먼저 고전적인 while문을 알아보겠습니다.

while문

while문은 조건문이 참인 동안 while문에 속한 문장들이 반복해서 수행됩니다.

while (true) {

  console.log("hi");

  break;

}

true면 실행문이 영원히 반복하게되어 무한루프에 빠집니다. 무한루프에 빠지면 브라우저가 완전히 멈추게 되어 강제종료를 해야합니다. while(true)는 무한루프를 의미하기 때문에 break 구문이 필수입니다.

break문을 써줘야 hi가 한번만 나옵니다. 

예제1. while문을 이용해서 1부터 100까지를 더해보겠습니다.

let val = 0;

let i = 1;

while (i <= 100) {

  val += i;

  ++i;

}

console.log(val); //5050

i가 false일때까지 돌다가 false가 되면 멈춥니다. 이 코드에서는 101이 false이기 때문에 while문을 빠져 나오고 true인 100까지를 더해줍니다.

예제2. while문을 이용해서 1부터 10까지 난수를 반복으로 실행하고 만약 5가 나오면 종료해보겠습니다.

let val = 0;

while (true) {

  val = Math.ceil(Math.random() * 10);

  console.log(val);

  if (val === 5) {

    break;

  }

}

console.log(val); //마지막에 5가 나오면 종료

do while문

do while문은 조건문을 판단하기 전에 do 블록 스코프의 코드를 먼저 실행합니다.

do {

    //반복할 코드

}

while(조건문)

그리고 조건문을 판단하여 조건문의 결과가 true이면 do 블록 스코프의 코드를 다시 실행합니다. 

let result = "";

let i = 0;

do {

  result = result + i;

  i++;

} while (i < 5);

console.log(result); // 01234

while문과 do...while문의 차이점

while문 : 처음 while문을 실행시켰을 때에 while문의 결과가 false면 while문의 실행코드는 단 한번도 실행되지 않습니다.

do..while문 : 조건문의 결과와 상관없이 무조건 do블록의 코드가 무조건 한번은 실행됩니다.

보통 for문이 더 간결해서 for문을 많이 쓰는데 무한반복문을 표현 할 때에는 while문을 쓰는것이 더 간결합니다. 조건식이 true이면 무한루프라고 생각하면 될것같습니다.