728x90
반응형
if ~ else문  
실행될 실행문이 한 줄뿐이라면 중괄호({})생략가능  
   
switch ~ case문
switch(케이스값){
case값: case값: case값: 실행코드들...; [break;]
case값: case값: case값: 실행코드들...; [break;]
case값: case값: case값: 실행코드들...; [break;]
default : 실행코드 ;
}

switch (str) {
            case '1' : case '한국' : document.write("한국"); break;
            case '2' : case '미국' : document.write("미국"); break;
            case '3' : case '일본' : document.write("일본"); break;
            case '4' : case '중국' : document.write("중국"); break;
            default : document.write("기타");
        }
 
   
if문
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>if문</h1>
    <script>
      var x = 10,
        y = 20;
      if (x == y) {
        document.write("x와 y는 같습니다.");
      }
      if (x < y) {
        document.write("x가 y보다 작습니다..");
      }
      if (x > y) document.write("x가 y보다 큽니다.");
      //실행될 실행문이 한 줄 뿐이라면 중괄호({})를 생략할 수 있음.
    </script>

    <h1>else문</h1>
    <script>
      var x = 10,
        y = 20;
      if (x == y) {
        document.write("x와 y는 같습니다.");
      } else {
        //if~else중첩문
        if (x < y) document.write("x가 y보다 작습니다.");
        else document.write("x가 y보다 큽니다.");
      }
    </script>

    <h1>else if문</h1>
    <script>
      var x = 10,
        y = 20;
      if (x == y) {
        document.write("x와 y는 같습니다.");
      } else if (x < y) {
        document.write("x가 y보다 작습니다..");
      } else {// x > y인 경우
        document.write("x가 y보다 큽니다.");
      }
    </script>
  </body>
</html>

switch
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>switch조건문</title>
    <script>
        var str = prompt("국가? 1.한국 2.미국 3.일본 4.중국", ""); //""기본값, swith에서는 default
        switch (str) {
            case '1' : case '한국' : document.write("한국"); break;
            case '2' : case '미국' : document.write("미국"); break;
            case '3' : case '일본' : document.write("일본"); break;
            case '4' : case '중국' : document.write("중국"); break;
            default : document.write("기타");
        }
    </script>
</head>
<body>
    
</body>
</html>​

 

switch~ case
if~ else
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>JS switch문</title>
  </head>
  <body>
    <h2>자바스크립트 if..else문</h2>
    <script>
      var a = prompt("1부터 9까지의 숫자를 입력하세요.");
      var str;
      switch (
        Number(a) //자동형변환 되므로 자료형 입력하지 않아도 됨.
      ) {
        case 1:
        case 3:
        case 6:
        case 7:
        case 8:
          str = "은";
          break;
        case 2:
        case 4:
        case 5:
        case 9:
          str = "는";
          break;
        default:
          str = "유효하지 않은 입력 값입니다.";
      }
      // if (a % 2 != 1) {

      //typeof 형식으로 사용x 자료형을 소문자 문자열로 반환
    //   document.write("typeof a:", typeof a);
    //   if (typeof Number(a) == "number") { //값이 잘 못되더라도 인식됨
    //     if (a % 2 != 0) {
    //       document.write(a + str + " 홀수<br>");
    //     } else {
    //       document.write(a + str + " 짝수<br>");
    //     }
    //   } else {
    //     document.write("숫자값이 아닌 값이 입력되었습니다.<br>");
    //   }

      //isNaN
      if (isNaN(Number(a)) == true) {
        document.write("숫자값이 아닌 값이 입력되었습니다.<br>");
      } else {
        if (a % 2 != 0) {
          document.write(a + str + " 홀수<br>");
        } else {
          document.write(a + str + " 짝수<br>");
        }
      }

    </script>
  </body>
</html>
switch
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>switch조건문</title>
    <script>
        var day; //undefined
        var d = new Date().getDay();
        switch (d) {
            case 0: day = "Sunday"; break;
            case 1: day = "Monday"; break;
            case 2: day = "Tuesday"; break;
            case 3: day = "Wednesday"; break;
            case 4: day = "Thursday"; break;
            case 5: day = "Friday"; break;
            default : day = "Saturday";
        }
        document.write("오늘은 " + day + "입니다.");
    </script>
</head>
<body>
    
</body>
</html>​

728x90
반응형

'[JS]' 카테고리의 다른 글

[JS] for  (0) 2024.02.27
[JS] while, do~while  (0) 2024.02.27
[JS] Date  (0) 2024.02.27
operator  (0) 2024.02.27
[JS] operator  (0) 2024.02.27

+ Recent posts