javascript,기초프로그래밍: 반복문, 제어문

2020. 12. 28. 12:46프론트엔드/JavaScript

반응형

 

반복문

i: index의 약자

초기값: 반복을 확인해 줄 변수

조건문: 반복을 빠져나올 조건

증감식: 조건을 빠져나올 증감식

 

for

        for(i=1;i<=10;i++){
            document.write("hello!<br>")
        }

 

while

        var i=1;

        while(i<=10){
            document.write("hello<br>");
            i++;
        }

 

do ~ while

        var i=1;
        
        do{
            document.write(i+"hello<br>");
            i++;
        }while(i<=10)

* while 과의 차이는 조건에 만족하지 않아도 일단 실행함.

 

 

실습

숫자 입력 받아 구구단 출력하기

        var n=Number(prompt("숫자를 입력하세요",""));
        for(i=1;i<=9;i++){
            document.write(n+"*"+i+"="+n*i+"<Br>");
        }

구구단 전체

        for(i=2; i<=9; i++){
            document.write("<h1>"+i+"단</h1><hr>");
            
            for(j=1;j<=9;j++){
                document.write(i+"*"+j+"="+i*j+"<br>");
            }
        }
        for(i=1;i<=10;i++){
            for(j=1;j<=i;j++){
            document.write("❤");
            }
            document.write("<br>");
        }
        
        var star="";
        for(i=1;i<=10;i++){
            star +="⭐";
            document.write(star+"<br>");
        }

결과 :

더보기


❤❤
❤❤❤
❤❤❤❤
❤❤❤❤❤
❤❤❤❤❤❤
❤❤❤❤❤❤❤
❤❤❤❤❤❤❤❤
❤❤❤❤❤❤❤❤❤
❤❤❤❤❤❤❤❤❤❤

⭐⭐
⭐⭐⭐
⭐⭐⭐⭐
⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

 

제어문

break; 조건을 만족하면 반복문을 벗어남

continue; 조건 만족한 경우만 skip, 나머지 반복문 실행

        for(i=1;i<=10;i++){
            if(i==5) break;
            document.write("hello"+i+"<br>");
        }
        
        for(j=1;j<=10;j++){
            if(j==5) continue;
            document.write("helloJ"+j+"<br>");
        }

결과:

더보기

hello1
hello2
hello3
hello4
helloJ1
helloJ2
helloJ3
helloJ4
helloJ6
helloJ7
helloJ8
helloJ9
helloJ10

 

반응형