티스토리 뷰

Javascript

[Javascript] for문

for문

for문은 특정 구문을 여러번 반복하고 싶을 때 사용하는 반복문입니다.


for문

for(초깃값; 조건식; 증감값){
    //반복 코드
}

for(var i=0; i<100; i++){
     //반복 코드
}
초기값 설정 : var i=0 초기 시작 값을 0으로 설정하고, 초기값은 오직 한 번만 실행되면 이후로는 실행되지 않습니다.
조건식 설정 : i<100 조건에 맞으면 실행됩니다.
증감 설정 : 조건에 맞으면 1씩 증가됩니다.

0~100까지 실행하는 반복문입니다.

Sample1

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

html
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
            //화면에 1~10까지 출력해주세요!
            document.write(1,"<br>");
            document.write(2,"<br>");
            document.write(3,"<br>");
            document.write(4,"<br>");
            document.write(5,"<br>");
            document.write(6,"<br>");
            document.write(7,"<br>");
            document.write(8,"<br>");
            document.write(9,"<br>");
            document.write(10,"<br><br>");
            
            //0~100까지 출력
            for(var i=0; i<=100; i++){
                document.write("숫자"+i,"<br>");
            }
            
            //1~100까지 출력
            for(var i=1; i<=100; i++){
                document.write("숫자"+i,"<br>");
            }
            
            //1~100중에서 짝수만 출력
            for(var i=0; i<=100; i+=2){
                document.write("숫자"+i,"<br>");
            }
            
            //1~100중에서 홀수만 출력
            for(var i=1; i<=100; i+=2){
                document.write("숫자"+i,"<br>");
            }
            
            //1~100 에서 5의 배수를 파란색으로 7의 배수는 빨간색으로 출력
            for(var i = 1; i <= 100; i++){
                if( i % 5 == 0 ){
                    document.write("<span style='color:blue'>"+i+"</span>");
                }
                if( i % 7 == 0 ){
                    document.write("<span style='color:red'>"+i+"</span>");
                }
            }
            
            //1~100 중에서 5의 배수는 파란색 7의 배수는 빨간색 출력 7의 배수와 5의 공통배수는 검은색으로 출력
            for(var i=1; i<100; i++){
                if(i%5==0 && i%7!=0){               //5의 배수이고 7의 배수가 아닌경우
                    document.write("<span style='color:blue;'>"+i+"</span>","<br>");
                }else if (i%7==0 && i%5!=0) {       //7의 배수이고 5의 배수가 아닌 경우
                    document.write("<span style='color:red;'>"+i+"</span>","<br>");
                }else if (i%7==0 && i%5==0){        //7의 배수이고 5의 배수인 경우
                    document.write("<span style='color:black;'>"+i+"</span>","<br>");
                }
            }      

            //배열과 반복문
            var arr4 = new Array(100,200,300,400,500); 

            for(var i=0; i<arr4.length; i++) {
                document.write(arr4[i]);
            }   
            
            //100+200+300+400+500의 합을 구하시오.
            var arr5 = new Array(100,200,300,400,500); 
            var sum = 0;

            for(var i=0; i<arr5.length; i++) {
                sum = sum + arr5[i];
            }   
            document.write(sum);  
        </script>
    </head>
    
    <body>
    ...
    </body>    

공유하기(Share) 더보기

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

공감하기(Like) 더보기

UP NEXT : Ads by Google

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