JavaScript | while 반복문

앙두·2023년 3월 27일
0

JavaScript

목록 보기
15/21

🔄 while문

while 반복문(loop)을 사용하면 동일한 코드를 자동으로 여러 번 반복할 수 있습니다.

while (조건) {
	// [소스 코드 구문]
    // '반복문 본문(body)'라고 불림
}
  • 조건이 참(true)일 때 : while문 반복문 본문을 계속 실행합니다.
  • 조건이 거짓(false)일 때 : while문 실행이 종료되어, 블록을 벗어나 다음 구문을 실행합니다.

조건을 true값으로 주었을 때

while(true) {
	console.log("계속 반복해라 ~~~")
}

조건을 false값으로 주었을 때

while(false) {
	console.log("아예 반복 안함")
}


👩🏻‍💻 기본 예시

➕ 1부터 100까지 순차대로 합하는 while 문

let res = 0;
let i = 0;

while(i <= 100) {
  res += i
  i++
}

console.log(res) // 5050

반복문 본문이 한 번 실행되는 것은 반복(iteration, 이터레이션) 이라고 합니다.
위 예시는 총 100번의 이터레이션을 만들었습니다.

i++가 없었다면 영원히 반복됩니다. (무한 루프, infinity loop)

➕ 본문이 한 줄이면 대괄호 생략

let i = 5;
while(i) alert(i--);

위 예시는 총 5번의 이터레이션이겠네요.

➕ break

let i = 0;
while(i <= 20) {
	alert(i)
  if(i === 12) {
  	break;
  }
  i++
}

특정 조건에 break를 설정해준다면, 특정 조건에 부합할 때
while문 실행을 멈추고, 바로 블록문 밖으로 빠져나와 다음구문을 실행합니다.

➕ continue

let i = 0;
while(i <= 10) {
	i++
  	if(i === 5) {
  		continue;
  	}
  	console.log(i)
}

continue는 밑의 구문을 실행시키지 않고, 바로 다음 반복으로 넘어가게끔 해주는 역할입니다.
위 예시처럼, 1부터 10까지 차례대로 console.log를 찍어주고 있는데,
5가 되었을 시, continue를 걸어주었습니다.
5일 경우, console.log를 찍지 않고 바로 다음 반복문 6으로 바로 진행하라는 의미입니다.
결과값은, 1 2 3 4 6 7 8 9 10 이 나오게 됩니다.(5 제외)

profile
쓸모있는 기술자

0개의 댓글