티스토리 뷰

Javascript

[Javascript] while문

while문

반복되는 부분을 실행할 때 사용하는 제어문입니다.

while문

while문은 조건식에 만족할 때까지 반복적으로 실행하는 반복문입니다. 조건식을 검사하고 만족하면 실행문을 실행하고 증감식을 실행합니다.

var 변수 = 초깃값;
while (조건식){
    실행문;
    증감식;
}

Sample1

while문을 이용한 예제입니다.

html
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
            //10보다 작은 수 출력하기
            var num = 0; //초기값 설정
            while (true) {
                if (num >= 9) { //실행문 설정
                    break;
                }
                num++; //증감값 설정

                document.write(num, ",");
            }

            document.write("<br>");

            //1 ~ 100까지 출력하기
            var num2 = 0;
            while (true) {
                if (num2 >= 100) {
                    break;
                }
                num2++;

                document.write(num2, ",");
            }

            document.write("<br>");

            //1 ~ 100까지 짝수만 출력하기
            var num3 = 1;
            while (num3 <= 100) {

                if (num3 % 2 == 0) {
                    document.write(num3, ",");
                }
                num3++;
            }

            document.write("<br>");

            //1 ~ 100까지 4의 배수와 6의 배수 출력하기
            var num4 = 1;
            while (num4 <= 100) {

                if (num4 % 4 == 0 || num4 % 6 == 0) {
                    document.write(num4, ",");
                }
                num4++;
            }

            //1 ~ 100까지 짝수는 파란색 홀수는 빨간색으로 출력하기
            var num5 = 1;
            while (num5 <= 100) {
                if (num5 % 2 === 0) {
                    document.write("<span style='color:blue'>" + num5 + "</span>");
                } else {
                    document.write("<span style='color:red'>" + num5 + "</span>");
                }
                num5++;
            }
        </script>
    </head>
    
    <body>
    ...
    </body>
</html>    

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼