반복문(while / for)

minzyee·2023년 6월 23일

Today I Learn

목록 보기

4/8

1️⃣ while 문

조건식이 true 인 동안 반복해서 실행문을 실행한다.

while (조건식) {
  실행문;
}

❗️while 문 사용 시, 조심할 것

무한 실행
웹 브라우저가 무한 반복을 처리하느라 다른 일을 하지 못한다.(== 웹 브라우저가 멈춤)

while(true){
  console.log('Hello, while !');
}

무한 실행을 피하려면?

조건식 정해주기

// i가 1부터 100이 될때까지 조건문이 실행된다.
// i가 101이 되면, 조건식이 false가 되어 반복문이 멈춤.
let i = 1;
while(i <= 100){
  console.log('Hello, while !');
  i++;
}
// (100) Hello, while !

2️⃣ for 문

for문의 소괄호에는 세 가지 요소가 들어간다.

시작(식과 변수 선언), 조건식, 종료식

for (시작; 조건식; 종료식){
  실행문;
}


for (let i = 0; i < 100; i++){
  console.log('Hello, for!');
}
// (100) Hello, for!

💡 for 문의 시작, 조건식, 종료식은 생략도 가능함.

단, 실제로 코드를 실행하면 무한 반복되어 프로그램이나 브라우저가 멈춰버림.
조건식이 없어서 반복문이 종료되지 않기 때문이다.

for(;;){
  실행문;
}
// 무한 반복된다...

💡 break 문으로 반복문 멈추기

반복문을 중간에 멈춰야 하는 특수한 경우에 사용할 수 있다.
반복문을 돌릴 대상이 무수히 많을 때, 원하는 값을 찾으면 반복문을 멈추게 해야 한다.
멈추지 않으면 반복문 끝나기 전까지 다음 코드를 실행할 수 없게된다.

let i = 0;
while(true){
  if(i === 5) break; // i가 5가 되는 순간 반복문은 멈춘다.
  console.log(i);
  i++;
}

// 0
// 1
// 2
// 3
// 4

💡 continue 문으로 코드 실행 건너뛰기

continue 문을 넣으면 이후 코드는 건너뛴다.
반복문이 특정 조건에서만 실행 됐으면 할 때 사용하면 좋다.

i가 홀수 일때만 콘솔에 출력하도록 만든 반복문

let i = 0;
while(i < 10) {
  i++;
  if(i % 2 === 0) { // i에 1이 들어오면 조건에 대해 false임.
    continue;       // 그래서 if 문에 안걸린체로 콘솔에 찍혀서 1이 찍힘.
  }                 // i에 2가 들어오면 if 문에 true로 걸리기 때문에, 콘솔에 찍히기 전에 건너뜀.
  console.log(i);
}

// 1
// 3
// 5
// 7
// 9