Web

[ JS ] 조건문 - if문 / switch문

96__혀누 2024. 4. 15. 17:28

제어문 - 조건문


if문

    if(조건식){
        조건식의 결과가 true일 때 실행할 문장;
        ...
    }

    if(조건식){
        조건식의 결과가 true일 때 실행할 문장;
        ...
    }else{
        조건식의 결과가 false일 때 실행할 문장;
        ...
    }

    if(조건식1){
        조건식1의 결과가 true일 때 실행할 문장;
        ...
    }else if{
        조건식2의 결과가 true일 때 실행할 문장;
        ...
    }else{
        모든 조건식의 결과가 false일 때 실행할 문장;
        ...
    }
# if문 사용 예제
<head>
    <title>if 문</title>
</head>
<body>
    <h2>if 문</h2>
    <script>
        const age = Number(prompt('나이를 입력하세요'))

        if(age > 19){
            console.log('성인입니다.')
        }else if(age > 14){
            console.log('청소년입니다.')
        }else if(age > 6){
            console.log('어린이입니다')
        }else{
            console.log('유아입니다.')
        }
    </script>
</body>

먼저 나이 입력을 위한 대화박스가 출력된다.
if 조건에 따라, 성인으로 출력된다


switch 문

if문과 달리, 해당 조건들을 살펴본 후, 해당 조건에 맞는 문장을 출력한다

※ break문을 사용하지 않을 시, 모든 출력문을 실행하니 주의해야 한다.

    switch(변수 또는 값) {
        case 값1:
            변수와 값1이 같은 경우 실행할 문장;
            ...
            break;
        case 값2:
            변수와 값2가 같은 경우 실행할 문장;
            ...
            break
        default:
            변수와 모든 값이 다를 경우 실행할 문장;
            ...
    }


    num = 10
    switch(num) {   // break문이 없을 경우, 남은 실행문을 모두 실행한다.
        case 5:
            console.log('num은 5입니다');
            break;       
        case 10:
            console.log('num은 10입니다');
            break;            
        default:
            console.log('원하는 값이 없습니다');
    }
# switch문 사용 예제
<head>
    <title>switch 문 1</title>
</head>
<body>
    <h2>switch 문 1</h2>
    <script>
        let input = prompt('아동, 청소년, 성인 중 하나를 고르세요');

        switch(input) {
            case '아동':
                input += ': 입장료 무료';   // "아동: 입장료 무료"
                break;
            case '청소년':
                input += ': 입장료 5,000원';
                break;
            case '성인':
                input += ': 입장료 10,000원'
                break;
            default:
                alert('입력값을 확인하세요!')
                input = '입력값 확인';
        }
        console.log(input);
    </script>
</body>

입력을 위한 대화박스 출력
조건문에 따라 성인 입장료가 출력되었다.


조건문 사용 예제

달(month)을 입력받아 해당 달의 마지막 일이 몇일인지 출력하는 문서를 만들어보자.
( 단, 입력은 prompt로 받으며, 2월의 마지막 날짜는 28일로 하기로 함)

<head>
    <title>swich문 2</title>
</head>
<body>
    <h2>swich문 2</h2>
    <script>
        const month = Number(prompt('달을 입력하세요'))

        switch(month){
            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12:
                console.log(`${month}월의 마지막 일자는 31일입니다.`)
                break;
            case 2:
                console.log(`${month}월의 마지막 일자는 28일입니다.`)
                break;
            case 4: case 6: case 9: case 11:
                console.log(`${month}월의 마지막 일자는 30일입니다.`)
                break;
        }
    </script>
</body>

원하는 월을 입력한다
마지막 일이 표기된다.