손쉬운 JavaScript: 12부

12부에서는 루프에 대해 계속 이야기하겠습니다. 지난 시간에 우리는 매우 중요한 유형의 루프인 for/in 루프에 대해 논의했습니다. 이번에는 기어를 바꿔서 while 루프에 대해 알아보겠습니다. 귀하의 repl 및 코드를 함께 여십시오!

while 루프 구문

while 루프는 조건이 참인 한 명령문을 실행합니다. while 루프의 구문은 다음과 같습니다.

while(condition) {
  statement
}

이 유형의 루프는 지정된 조건이 true인지 확인한 다음 내부의 명령문을 실행합니다. 이 유형의 루프는 다른 유형의 루프와 다릅니다.

for 루프의 경우 루프가 실행되기 전에 확인해야 할 조건이 있지만 이 프로세스에는 변수가 증가하고 카운터가 지정된 숫자에 도달하면 루프가 실행을 멈춥니다.

예시

다음은 while 루프가 어떻게 작동하는지 더 잘 이해할 수 있는 예입니다.

let schoolDaysLeft = 100; 
while(schoolDaysLeft >= 0) {
  console.log("There are " + schoolDaysLeft + " days left until summer break.");
  if(schoolDaysLeft > 0) {
  schoolDaysLeft--;
  } else if (schoolDaysLeft === 0){ 
  console.log("School is over!");
  break;
 }
}

schoolDaysLeft가 0일 때 코드에 break가 삽입되었음을 알 수 있습니다. 이 키워드는 루프 실행을 중지하도록 지시합니다. 이 예에서 우리는:

학교가 끝날 때까지 남은 일수를 나타내는 변수를 초기화했습니다.

조건을 확인하는 while 루프를 만들었습니다. 루프가 실행되는 조건은 schoolDaysLeft가 0보다 크거나 같은 것입니다.

루프가 실행되면 "여름 방학까지 11일 남았습니다"와 같은 문자열을 console.log합니다.

루프는 조건문(if 및 else if 문)을 확인합니다. schoolDaysLeft 변수의 값이 0보다 크면 변수가 감소합니다.

루프가 0이면 학교가 끝났다는 메시지가 콘솔에 기록됩니다.

결론

시간을 갖고 자신만의 while 루프를 만드는 연습을 해보세요. repl에서 무한 루프를 만드십시오. 이것은 조건이 항상 참인 루프입니다. 문제를 일으킬 수 있으므로 피해야 하지만 익숙해져야 합니다.

이 게시물을 즐겼기를 바랍니다! David Tetreau의 "JavaScript Made Easy"시리즈 전체를 확인하십시오. 매일 새로운 글이 올라옵니다.