<div id="readability-page-1" class="page"><div><p data-ke-size="size16">반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 반복문에는 while, do-while, for문 이렇게 3가지가 있는데요. 이번 포스팅에서는 그중에서 while문에 대해서 알아보려 합니다. while 문은 조건이 참인 동안 특정 코드 블록을 반복적으로 실행합니다. 이는 주로 특정 조건이 충족될 때까지 반복해야 할 경우에 사용됩니다.</p>

<hr contenteditable="false" data-ke-type="horizontalRule" data-ke-style="style8">

<h2 data-ke-size="size26"><span>&nbsp;while문 사용법&nbsp;</span></h2>
<pre data-ke-language="javascript"><code>while (조건) {
  // 조건이 참일 때 실행될 코드 블록
}</code></pre>
<p data-ke-size="size16"><span>위의 예제는 while문의 기본형입니다.<span>&nbsp;</span></span><span>&nbsp;</span>여기서 조건은 불리언(boolean)값으로 표현될 수 있는 식을 말하며 해당 조건이 true인 동안, 중괄호 { } 안의 코드 블록이 반복해서 실행됩니다.&nbsp;</p>

<h3 data-ke-size="size23">while의 실행 순서</h3>
<figure data-ke-mobilestyle="widthOrigin" data-origin-width="616" data-origin-height="395"><span data-url="https://blog.kakaocdn.net/dn/6aORn/btsERxMkw3R/FUa9M8XbmN9duLqCKCYKzK/img.jpg" data-lightbox="lightbox"><img src="https://blog.kakaocdn.net/dn/6aORn/btsERxMkw3R/FUa9M8XbmN9duLqCKCYKzK/img.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="616" data-origin-height="395"></span></figure>

<ol data-ke-list-type="decimal">
<li>조건식을 검사합니다.</li>
<li>만족하면 중괄호 { } 안의 코드 블록을 실행합니다.</li>
<li>다시 조건식을 검사합니다.</li>
</ol>

<h3 data-ke-size="size23">while문 사용 예제 - 구구단 출력하기</h3>
<p data-height="300" data-default-tab="js,result" data-slug-hash="MWxZRWb" data-user="wjdxo513" data-ke-size="size16"><span>See the Pen <a href="https://codepen.io/wjdxo513/pen/MWxZRWb"> while문</a> by wjdxo513 (<a href="https://codepen.io/wjdxo513">@wjdxo513</a>) on <a href="https://codepen.io/">CodePen</a>.</span></p>


<p data-ke-size="size16">while문을 사용해서 구구단을 출력해 보았습니다. idx를 1에서 1씩 증가시키면서 10보다 클 때까지 계속해서 구구단을 출력합니다.&nbsp;</p>

<h3 data-ke-size="size23">while문 사용 시 주의사항</h3>
<pre><code>let i = 0;
while (i &lt; 5) {
  console.log(i);
  // i를 업데이트하는 부분이 빠져있으면 무한 루프에 빠질 수 있음
}
</code></pre>
<p data-ke-size="size16">while문을 사용할 때는 무한 루프에 빠지지 않도록 주의해야 합니다. <span>특히 비교하는 조건이 반복문 안에서 업데이트되지 않으면 항상 같은 값을 비교하게 되어 무한루프에 빠지게 됩니다. 예를 들어 </span>위의 예제에서 i++; 를 빠트렸다면, i의 값은 항상 0으로 유지되어 무한 루프에 빠지게 되겠죠. 이렇게 while 문은 특정한 조건이 만족될 때까지 반복 실행되므로, 조건식을 신중하게 설정하여 의도치 않은 결과를 방지해야 합니다.</p>

<h4 data-ke-size="size20"><span><i>※ do-while문이 궁금하시다면 아래 글을 참고해 주세요.</i></span></h4>
<blockquote data-ke-style="style2">
<p data-ke-size="size16"><a href="https://coding-factory.tistory.com/1027" target="_blank" rel="noopener">[JavaScript] 자바스크립트 do-while문 사용법 &amp; 예제 정리</a></p>
</blockquote></div></div>

코딩팩토리

반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 반복문에는 while, do-while, for문 이렇게 3가지가 있는데요. 이번 포스팅에서는 그중에서 while문에 대해서 알아보려 합니다. while 문은 조건이 참인 동안 특정 코드 블록을 반복적으로 실행합니다. 이는 주로 특정 조건이 충족될 때까지 반복해야 할 경우에 사용됩니다.
 
 
 while문 사용법 
while (조건) {
  // 조건이 참일 때 실행될 코드 블록
}
위의 예제는 while문의 기본형입니다.  여기서 조건은 불리언(boolean)값으로 표현될 수 있는 식을 말하며 해당 조건이 true인 동안, 중괄호 { } 안의 코드 블록이 반복해서 실행됩니다. 
 
while의 실행 순서
조건식을 검사합니다.
만족하면 중괄호 { } 안의 코드 블록을 실행합니다.
다시 조건식을 검사합니다.
 
while문 사용 예제 - 구구단 출력하기
See the Pen  while문 by wjdxo513 (@wjdxo513) on CodePen.
 
while문을 사용해서 구구단을 출력해 보았습니다. idx를 1에서 1씩 증가시키면서 10보다 클 때까지 계속해서 구구단을 출력합니다. 
 
while문 사용 시 주의사항
let i = 0;
while (i < 5) {
  console.log(i);
  // i를 업데이트하는 부분이 빠져있으면 무한 루프에 빠질 수 있음
}
while문을 사용할 때는 무한 루프에 빠지지 않도록 주의해야 합니다. 특히 비교하는 조건이 반복문 안에서 업데이트되지 않으면 항상 같은 값을 비교하게 되어 무한루프에 빠지게 됩니다. 예를 들어 위의 예제에서 i++; 를 빠트렸다면, i의 값은 항상 0으로 유지되어 무한 루프에 빠지게 되겠죠. 이렇게 while 문은 특정한 조건이 만족될 때까지 반복 실행되므로, 조건식을 신중하게 설정하여 의도치 않은 결과를 방지해야 합니다.
 
※ do-while문이 궁금하시다면 아래 글을 참고해 주세요.
[JavaScript] 자바스크립트 do-while문 사용법 & 예제 정리

[JavaScript] 자바스크립트 while문 사용법 & 예제 정리

댓글