멋쟁이사자 FE7

멋쟁이사자 FE7 29일차

FrontEnd 개발자 준비생 최현우 2023. 8. 17. 22:51
728x90

Findings (배운 점)


JS

while 문

while 문은 특정 조건이 참일 동안 반복적으로 코드 블록을 실행하는 제어 구문이다.

while 문의 기본 구조

while (조건) {
  // 조건이 참일 경우 실행될 코드 블록
}

여기서 조건은 반복이 계속되는 동안 평가되는 불리언(Boolean) 표현식이다. 만약 조건이 참(true)이면, 코드 블록 내의 명령문이 실행된다. 이후에 다시 조건이 평가되며, 조건이 여전히 참이라면 코드 블록이 다시 실행됩니다. 이 과정이 조건이 거짓(false)이 될 때까지 반복된다.

예시

let count = 1;
while (count <= 5) {
  console.log("현재 카운트:", count);
  count++;
}

//출력
// 현재 카운트: 1
// 현재 카운트: 2
// 현재 카운트: 3
// 현재 카운트: 4
// 현재 카운트: 5

while 문을 사용하여 count가 5보다 작거나 같을 동안 반복적으로 코드 블록을 실행한다. count가 5를 초과하게 되면 반복이 종료된다. 결과적으로 위 코드는 1부터 5까지의 숫자를 출력한다.

while 문을 사용할 때 주의해야 할 점은 반복이 무한히 실행될 수 있기 때문에 반드시 종료 조건을 설정해야 한다는 것. 그렇지 않으면 무한 루프에 빠질 수 있다.

 while문에서의 continue 와 break의 사용 예시

1. continue 사용 예시

continue 문은 루프의 특정 조건을 만족할 때 현재 반복을 건너뛰고 다음 반복으로 넘어가는 역할을 한다. 
아래의 예시에서는 3의 배수일 때 continue 문을 사용하여 출력을 건너뛰고 다음 반복으로 넘어가고 있다.

let number = 1;
const target = 10;

while (number <= target) {
  if (number % 3 === 0) {
    number++;
    continue; // 3의 배수일 경우 아래 코드를 건너뛰고 다음 반복으로 넘어감
  }

  console.log(number);
  number++;
}

//출력
// 1
// 2
// 4
// 5
// 7
// 8 
// 10

2. break 사용 예시

break 문은 루프를 중단시키는 역할을 한다. 아래의 예시에서는 특정 조건을 만족할 때 break 문을 사용하여 루프를 종료시킴.

let number = 1;
const target = 10;

while (number <= target) {
  console.log(number);

  if (number === 5) {
    console.log("5를 찾았습니다!");
    break; // 5를 찾으면 루프를 종료함
  }

  number++;
}

//출력
// 1
// 2
// 3
// 4
// 5
// 5를 찾았습니다!