JavaScript入門4日目



今から4日目に入ります.3日間続けて勉強しましたが、今から本格的にコーディングなどの条件文の勉強を始めます.この3日間ずっとコードの表面を舐めていて、少しつけて食べているような気がします.条件文の概念と使い方を学び、簡単な符号化を行う.小さな一歩でしたが、新しい分野に入ったような気がして嬉しかったです.まだ困難な感じがしないからかもしれないが、続けなければならない.

21/05/13 JavaScriptの概要の学習


1.if条件文
  • 用法
  • if(불 값이 나오는 표현식) {
       표현식이 true 일 때 실행할 문장
      }
  • 使用例
  • <script>
      if (10 < 20) {
        alert('10 < 29 = true') // (10 < 20) 이 true 이므로 alert을 실행한다.
      }
    
    //프로그램 종료
    alert('종료합니다.') //위의 alert 이후에 실행된다.
    </script>
    上記の例では、(29<10)にfalse値が含まれている場合、
    <script>
      if (29 < 10) {
        alert('29 < 10 = true') // (29 < 10) 이 false 이므로 alert을 실행하지 않는다.
      }
    
    //프로그램 종료
    alert('종료합니다.') //위의 alert이 실행되지 않으므로 바로 '종료합니다.' 를 실행한다.
    </script>
    以上のようにifの後の()では、条件がtrueの場合は実行し、falseの場合は実行しない.
    2.ifelse条件文
  • 用法
  • if(불 값이 나오는 표현식) {
       표현식이 true 일 때 실행할 문장
      } else {
       표현식이 false 일 때 실행할 문장
      }
  • <script>
      //if else 조건문을 활용한 간단한 오전 오후 구분하기 입니다.
        const date = new Date()
        const hour= date.getHours() //날자와 시간에 대한 상수를 선언해줍니다.
        
        if (hour < 12) {
            alert('오전 입니다.') //현재 시간이 오후 12시 보다 적으면 'true' 이므로 실행합니다.
        }
        else {
            alert('오후 입니다.') //위의 조건이 'false'에 해당하는 상황일 때 실행합니다.
        }
    </script>
    3.重複条件文
  • 用法:
  • if(불 값이 나오는 표현식 1) {
      if(불 값이 나오는 표현식 2) {
        표현식 2'true' 일 때 실행할 문장
      } else {
        표현식 2'false' 일 때 실행할 문장
      }
    } else {
      if(불 값이 나오는 표현식 3) {
        표현식 3'true' 일 때 실행할 문장
      } else {
        표현식 3'false' 일 때 실행할 문장
      }
    }  
  • <script>
        const age = prompt ('나이를 입력해주세요', '')
    	//어제 배운 prompt 를 활용하여 나이를 사용자에게 입력받습니다.
        
        if (Number(age) < 35) {
            alert ('청년 입니다.') // 입력받은 값이 35 미만이면 실행합니다.
        } else {
            if (Number(age) < 65) {
                alert('중년 입니다.') //입력받은 값이 35 같거나 크고 65 미만 이면 실행합니다.
            } else {
                alert('노년 입니다.') //위의 표현식 1,2 모두 false 가 되는 65 이상의 값일 때 실행합니다.
            }
        }
    </script>
    4.else if条件文の場合
  • 使用方法:3種類以上の条件を使用する場合に使用します.
  • if (불 값이 나오는 표현식 1) {
        표현식 1'true' 일 때 실행할 문장
      } else if (불 값이 나오는 표현식 2) {
        표현식 2'true' 일 때 실행할 문장
      } else if (불 값이 나오는 표현식 3) {
        표현식 3'true' 일 때 실행할 문장
      } else if (불 값이 나오는 표현식 4) {
        표현식 4'true' 일 때 실행할 문장
      } else {
        위의 조건들이 모두 'false' 일 때 실행할 문장
      }
  • <script>
        const age = prompt ('나이를 입력해주세요', '')
        //위의 예시와 같이 사용자로 부터 나이를 입력받는다.
        if (Number(age) < 8) {
            alert ('미취학 아동') // 8 미만의 값을 입력받으면 실행한다. 
        } else if (Number(age) < 14) {
                alert('초등학생') // 7 < age < 14 의 값을 입력받으면 실행한다.
            } else if (Number(age) < 17) {
                alert('중학생') // 13 < age < 17 의 값을 입력받으면 실행한다.
            } else if (Number(age) < 20) {
                alert('고등학생') // 16 < age < 20 의 값을 입력받으면 실행한다.
            } else {
                alert ('성인') // 20 <= 의 값을 입력받으면 실행한다.
            }
    </script>
    今日はif条件文とifelse条件文およびifelse if条件文を学びました.練習として条件文を用いて使用例を作成した.簡単なプログラムですが、ある入力や駆動の様子からかなり面白いと感じます.