[javascript] - switch, while, for 선택문, 반복문

switch 문

if문과 용도는 비슷하나 if문은 만족하는 데이터가 여러개일경우에 주로 사용하고,

switch문은 여러경우의 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시킬 때 사용합니다.

- 각각의 case문에서는 break문을 작성하여 swtich문을 종료합니다.

- case의 값 중에 일치하는 데이터가 없으면 마지막 default에 있는 코드를 실행하고 switch문을 종료합니다.

var site=prompt("네이버, 다음, 네이트, 구글 중 즐겨 사용하는 포털 검색 사이트는?", "");
var url;
 
switch(site){
    case "구글": url="www.google.com";
    break;
    case "다음": url="www.duam.net";
    break;
    case "네이버": url="www.naver.com";
    break;
    case "네이트":url="www.nate.com";
    break;
    default:alert("보기 중에 없는 사이트입니다.");
}
 
if(url)location.href="http://"+url;

--> 프롬프터에 네이버 를 입력하면 네이버 페이지로 바로 이동합니다.

while 문 

while문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있습니다.

var i=1;
while(i<=10){
    document.write("on sunday"+i,"<br/>");
    i++;
}
document.write("<br>===The end===")

while 문의 조건식 i <= 10을 만족하면 중괄호의 코드를 실행하고 변수 i의 값이 1만큼 증가되고

 (i<=10)조건에 맞지 않으면 the end 출력 합니다.

-->  결과 값 출력 화면

4의 배수이면서 10의 배수인 숫자만 출력하는 while문 입니다.

var i=1;
while(i<=30){
    if(i%4 == 0 && i%10 ==0){
        document.write(i, "<br/>");
    }
    i++;
}

--> 결과 값  20

var i=30;
while(i >= 20){
    if(i%2 == 0){
        document.write("<font color='deeppink'>"+i+"</font>","<br><br>");
    }else{
        document.write("<font color='purple'>"+i+"</font>","<br><br>");
    }
    i--;
}

  --> if는 짝수일때 실행, else는 홀수 일때 실행

do while 문

while문은 조건식의 참,거짓을 먼저 검사 후 실행했다면 do while은 코드를 실행 후 조건식을 검사합니다.

var i=20;
do{
    document.write("hello sunday!");
} while(i<3)

--> 결과 값   hello sunday! 가 한번 실행된후 끝남.

for 문

for문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행합니다.

for(var i=6; i <=16; i++){
    document.write("on sunday~" + i, "<br>");
}

--> 결과 값  = on sunday~6 부터 on sunday~16 까지 출력됩니다.

for(var i=1; i <= 100; i++){
    if(i%6==0 && i%9!=0){
        document.write("<font color='deeppink'>"+i)
    }else if(i%9==0 && i%6!=0){
        document.write("<font color='blue'>"+i)
    }else if(i%9==0 && i%6==0){
        document.write("<font color='yellow'>"+i)
    }
}

--> 출력 된 결과 값

i의 값이 6의 배수이면서 9의 배수가 아니면 핑크색

i의 값이 7의 배수이면서 6의 배수가 아니면 실행

i의 값이 7의 배수이면서 5의 배수이면 노랑색.

break문

조건식과 상관없이 코드보다 앞에있으므로 코드는 실행되지않고 반복문을 종료합니다. 

for(var i=1; i<=10; i++){
    if(i==6) break;
    document.write(i,"<br>");
}

--> 결과 = 1~5까지 출력됩니다.

continue문

continue문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 실행합니다.

for(var i=1; i<=10; i++){
    if(i%2 == 0) continue;
    document.write(i,"<br>");
}
document.write("===The End===");

--> 결과 값 = 

2의 배수인 경우에 continue문이 실행되서 document.write를 무시하고 실행되어

1~10까지 숫자 중 홀수만 출력되었습니다.

중첩 for문

for(var i=1; i<=3; i++){
    for(var k=1; k<=2; k++){
        document.write(i+"행"+k+"열", "<br>");
    }
    document.write("<br>");
}

-->  바깥쪽 for문이 1번 실행될때 안쪽 for문은 2회 실행됩니다.

실습 01.

var i=1;
while(i<=9){
    document.write("5X"+i+"="+i*5,"<br>");
    i++;
}

--> 결과 구구단 5단이 출력됩니다.  5x1=5... 5x9=45