Loop Statement

반복문(Loop statement) 은 조건식의 평가 결과가 참인 경우 코드 블럭을 실행한다. 그 후 조건식을 다시 평가하여 참인 경우 코드 블럭을 다시 실행하고 이것을 조건식이 거짓일 때까지 반복한다.

🧸 For statement

for ( 변수 선언문 or 할당문; 조건식; 증감식 ){
  // 조건식이 참인 경우 실행될 문
}

✔️ for문은 반복횟수가 명확할 때 주로 사용.
✔️ for문의 선언문, 조건식, 증감식은 모두 옵션. 그러나 어떤 것도 선언하지 않으면 무한루프가 된다.

- Example.

const ulEl = document.querySelector('ul')

for (let i=0; i<3; i+=1) {
	const li = document.createElement('li')
	li.textContent = `list-${i+1}`
	ulEl.appendChild(li) }

// list-1 list-2 list-3

🧸 While statement

const count = 0;

// count가 3보다 작을 때까지 반복 실행.
while(count<3){
  console.log(count); // 0 1 2
  count++;
}

✔️ while문은 주어진 조건식의 평가 결과가 참이면 코드 블럭을 계속해서 반복 실행한다.
✔️ while문은 반복 횟수가 불명확할 때 주로 사용한다.

💡 무한루프

const count = 0;

while (true){
  console.log(count);
  count++;
  // count가 3이면 코드 블럭을 탈출한다.
  if (count ===3) break;
} // 0 1 2

✔️ 무한루프를 탈출하기 위해서는 코드 블럭 내에 if문으로 탈출 조건을 만들고 break문으로 코드 블럭을 탈출한다.

🧸 do ... while 문

const count = 0;

// count가 3보다 작을 때까지 코드 블럭을 반복 실행.
do{
  console.log(count); // 0 1 2
  count++;
} while (count < 3);

✔️ do...while문은 코드 블럭을 먼저 실행하고 조건식을 평가한다.
✔️ 코드 블럭 무조건 한번 이상 실행.