본문 바로가기
JavaScript

03 -2 자바스크립트 조건문 switch - case, 삼항 연산자

by yj.yoon 2021. 2. 17.

switch 조건문

 

짝수 홀수 구분 프로그램

 

    <script>
        const input = Number(prompt('input number : ', '숫자'))

        switch (input %2) {
            case 0:
                alert('짝수')
                break
            case 1:
                alert('홀수')
                break
            default:
                alert('not number')
                break
        }
    </script>

 

 

 

: 실행 모습

 

 

조건부 연산자

- 자바스크립트에서 항을 3개 갖는 연산자는 조건부 연산자가 유일해서 삼항 연산자라고 부르기도 함

 

    <script>
        const input = prompt('input number','')
        const number = Number(input)

        const result = (number>= 0) ? '0 이상의 숫자' : '0보다 작은 숫자'
        alert(result)
    </script>

 

boolean 표현식 ? 참일 때 결과 : 거짓일 때 결과

(number>= 0) ? '0 이상의 숫자' : '0보다 작은 숫자'

 

 

 

짧은 조건문 : 논리 연산자의 특성을 조건문으로 사용하는 것

논리합 연산자(||)를 사용한 짧은 조건문

- 자바스크립트는 true가 확실할 때 추가 연산을 진행하지X

= 논리합 연산자의 좌변이 참이면 우변을 실행하지X

 

=> boolean 표현식 || boolean 표현식이 거짓일 때 실행할 문장

 

 

 

 

태어난 연도를 입력받아 띠 출력하기

십이지신 순서 : 자 축 인 묘 진 사 오(말) 미 신 유 술(개) 해

 

https://blog.naver.com/cyn1980/221896948698

 

 

split로 문자열 잘라 사용하기

 

	<script>
        const input = prompt('태어난 해를 입력해봐','')
        const year = Number(input)
        const tti = 'monkey,chicken,dog,pig,mouse,cow,tiger,rabbit,dragon,snake,horse,sheep'.split(',')

        alert(`${year}년에 태어났다면 ${tti[year % 12]}띠 입니다.`)
    </script>

 

 

 

 

 

: year을 12로 나눈 나머지 값을 가지고 띠를 구별하는 코드

일반적으로 십이지신 하면 위의 그림과 같은 순서대로 나열하지만 (예를들어) 쥐띠 해를 나눈 나머지 값은 4이다.

그래서 배열의 4번째 요소에 쥐가 있어야 한다. -> tti[4] = 'mouse'

 

 

 

선택미션 확인 문제2

태어난 연도를 입력받아 띠 출력하기 예제를 switch문으로 구현

 

    <script>
        const input = prompt('태어난 해를 입력해봐','')
        const year = Number(input)
        const e = year %12

        let res
        switch (e) {
            case 0:
                alert('monkey')
                break;
            case 1: res = 'chicken'; break;
            case 2: res = 'dog'; break;
            case 3: res = 'pig'; break;
            case 4: res = 'mouse'; break;
            case 5: res = 'cow'; break;
            case 6: res = 'tiger'; break;
            case 7: res = 'rabbit'; break;
            case 8: res = 'dragon'; break;
            case 9: res = 'snake'; break;
            case 10: res = 'horse'; break;
            case 11: res = 'sheep'; break;
        }

        alert(`${year}년에 태어났다면 ${res}띠 입니다.`)
    </script>

 

: 결과는 위의 캡처와 같음

 

 

 

다른 언어의 기본 문법은 알고 있으니까 어렵지는 않다. 작은 프로그램을 만들면서 연습하는 것이 좋겠다.