본문 바로가기

WEB/JavaScript

[JavaScript] 조건문

# if 조건문

if 조건문은 자바스크립트에서 가장 일반적인 조건문이다. 기본 형태는 다음과 같다.

      if(불 값이 나오는 표현식) {
        불 값이 참일 때 실행할 문장
      }

 

if 조건문을 이용하여 오전과 오후를 구분하는 코드를 짜보자.

    <script>
      const date = new Date();
      const hour = date.getHours();
      if (hour < 12) {
        alert("오전입니다.");
      }

      if (hour >= 12) {
        alert("오후입니다.");
      }
    </script>

 

 

# if else 조건문

else 구문은 서로 반대되는 상황을 표현하는 구문이다. 기본 형태는 다음과 같다.

        if(불 값이 나오는 표현식){
            불 값이 참일 때 실행할 문장
        }
        else {
            불 값이 거짓일 때 실행할  문장
        }

 

if else 조건문을 이용하여 오전과 오후를 구분하는 코드를 짜보자.

    <script>
        const date = new Date()
        const hour = date.getHours()

        if (hour < 12) {
            alert('오전입니다.')
        }
        else {
            alert('오후입니다.')
        }
    </script>

 

 

 

# if else if 조건문

if else if 조건문은 겹치지 않는 3가지 이상의 조건으로 나눌 때 사용한다. 기본 형태는 다음과 같다.

      if (불 표현식)
      {
          문장
      }
      else if (불 표현식) 
      {
          문장
      }
      else if (불 표현식) 
      {
          문장
      }
      else {
          문장
      }

if else if 조건문을 이용하여 식사 시간을 파악하는 코드를 짜보자.

    <script>
      const date = new Date();
      const hour = date.getHours();

      if (hour < 11) {
        alert("아침 먹을 시간입니다.");
      } else if (hour < 15) {
        alert("점심 먹을 시간입니다.");
      } else {
        alert("저녁 먹을 시간입니다.");
      }
    </script>

 

 

 

# switch 조건문

switch 조건문은 특정 값의 조건을 비교할 때 사용한다. 기본 형태는 다음과 같다.

        switch (자료) {
            case 조건A:
                break
            case 조건B:
                break
            default:
                break
        }

switch 조건문을 이용하여 홀/짝을 구분하는 코드를 짜보자.

    <script>
      const input = Number(prompt("숫자를 입력하세요.", "숫자"));

      switch (input % 2) {
        case 0:
          alert("짝수입니다.");
          break;
        case 1:
          alert("홀수입니다.");
          break;
        default:
          alert("숫자가 아닙니다.");
          break;
      }
    </script>

 

 

'WEB > JavaScript' 카테고리의 다른 글

[JavaScript] 반복문  (0) 2022.07.24
[JavaScript] 배열  (0) 2022.07.14
[JavaScript] NaN (Not a Number)  (0) 2022.07.03
[JavaScript] 키워드와 식별자  (0) 2022.06.29
[JavaScript] 입력 (prompt, confirm)  (0) 2022.03.07