본문 바로가기

프로그래밍 공부/JavaScript

JavaScript - 조건문

if 조건문

if 조건문 if else 조건문 if else if 조건문

if (boolean 표현식) {

true일 때 반환될 문장

}

if (boolean 표현식) {

true 일 때 반환될 문장

}

else {

위가 false일때 반환될 문장

}

if (boolean 표현식) {

true 일때 반환될 문장

}

else if (boolean 표현식) {

ture 일때 반환될 문장

}

else {

위가 false일때 반환될 문장

}

if 조건문은 if 옆의 boolean 표현식이 true이면 문장을 실행하고, false일 때 문장을 무시한다. 조건문을 통해 실행이 되는 문장이 한 줄 일 때는 중괄호를 생략할 수 있지만, 여러 문장을 실행해야 할 때는 중괄호로 감싸야한다.

1
2
3
4
5
6
7
8
9
10
11
<script>
    let date=new Date();
    let hour=date.getHours();
 
    if(hour<12){
        alert('오전입니다.');
    }
    if(hour>=12){
         alert('오후입니다.');
    }
</script>
cs

if 조건문은 자바스크립트에서 많이 사용된다.

if else 조건문

위에서는 if 조건문을 두 번 사용해 오전과 오후를 구분을 하였지만 if else 조건문을 이용하면 알아보기 쉽게 나타낼 수 있다. else 키워드는 if 조건문과 함께 사용하는 키워드다.

1
2
3
4
5
6
7
8
9
10
<script>
    let name
    name=prompt("현재 사용자의 이름을 적어주세요."); 
 
    if(name==="김철수"){ 
        alert("어서 오세요.");
    } else {
         alert("사용자가 아닙니다."); 
    }
</script>
cs

정반대 되는 조건문을 사용할 때 편리하게 이용할 수 있다. 또한 조건문 안에 조건문을 중첩해 사용할 수 있는데 이것을 중첩 조건문이라고 한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
    let date=new Date(); let hour = date.getHours(); 
 
    if(hour<11){ 
        alert("Time for Breakfast!"); 
    } else
        if(hour<15){ 
            alert("Time for Lunch!"); 
         } else
            alert("Time for Dinner!"); 
        } 
    }
</script>
cs

 

if else if 조건문

위의 중첩 조건문과 비슷한데, 중첩 조건문에서 조건이 한 문장이라면 중괄호를 생략해도 되는데 이걸 이용해서 if else if 조건문을 만들 수 있다. 겹치지 않는 세 가지 이상의 조건을 나눌 때 사용한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
    let hours; 
    hours=prompt("지금 몇 시인가요?");
 
    if(hours <6){
        alert("새벽입니다."); 
    } else if(hours <12){
        alert("오전입니다."); 
    } else if(hours <18){
        alert("오후입니다."); 
    } else if(hours <=24){
        alert("저녁입니다."); 
    } else {
         alert("시간을 정확히 입력하세요.");
    }
</script>
cs

논리 연산자를 조건문의 boolean 표현식으로 사용할 수도 있다.

if, if else, if else if 조건문.html
0.00MB

switch 조건문

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
    switch (비교할 값) {
         case 값 1:
            true일시 반환될 문장;
            break;
        case 값 2:
            true일시 반환될 문장;
            break;
        default:
            위가 false일시 반환될 문장;
            break;
        }
</script>
cs

switch 조건문에서의 break키워드는 switch 반복문을 빠져나가려고 사용하는 키워드이다. switch 조건문에서 괄호 안에는 비교할 값을 입력한다. 만약 입력한 표현식과 case 키워드 옆의 표현식이 같다면 case 키워드 바로 다음에 오는 문장을 실행한다. 또한 별도의 중괄호는 필요하지 않다.

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
    let input=Number(prompt('숫자를 입력해주세요.')); 
    switch(input %2){ 
        case 0
            alert('짝수 입니다.'); 
            break
        case 1
            alert('홀수 입니다.'); 
            break
        default
            alert('숫자가 아닙니다.'); 
        }
</script>
cs

switch 조건문은 대부분 특정 값의 조건을 비교할 때 사용된다. 또 대부분은 switch 조건문 보다 if 조건문을 더 많이 사용한다.

switch 조건문.html
0.00MB