티스토리 뷰

Javascript

[Javascript] for문

for문

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

for문

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


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

Sample : for문
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for문</title>
    <script>
        //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>");
        }
        
    </script>
</head>
<body>
    
</body>
</html>    
Sample : for문
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			/* document.write("result =");
	        for (var i = 1; i <= 10; i++) {
	            document.write("*");
	        } */
	        
	        var result = "";
	        for (var i = 1; i <= 10; i++) {
	            result += "*";
	        }
	        document.write("result = " + result);
        </script>
    </head>
    
    <body>
	...
    </body>
</html>    
Sample : for문
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			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>");
				}
			}	        
		</script>
    </head>
    
    <body>
	...
    </body>
</html>     
Sample : for문
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
        	var arr4 = new Array(100,200,300,400,500,600,700,800,900); 
        	var sum = 0;
				
			for(var i=0; i<arr4.length; i++) {
				sum = sum + arr4[i];
			}	
				
        	document.write(sum);    
        </script>
    </head>
    
    <body>
	...
    </body>
</html>      

공유하기(Share) 더보기

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

공감하기(Like) 더보기

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