[혼공JS] 조건문 chapter3

조건문 (if ~~~ else ~~~)

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

예제

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

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

 

중첩 조건문

if(true or false 나오는 표현식1) 
{
	if(true or false 나오는 표현식2) // 표현식1 이 참일때 실행된다.
	{
	표현식2가 참일때 실행할 문장
	}
	else
	{
	표현식2가 거짓일때 실행할 문장
	}
}

else
{
	if(true or false 나오는 표현식3) // 표현식1 이 거짓일때 실행된다.
	{
	표현식3이 참일때 실행할 문장
	}
	else
	{
	표현식3이 거짓일때 실행할 문장
	}
}

예제

 <script>
        const date = new Date()
        const hour = date.getHours()
        if(hour<11) //11시 미만일때 시행
        {
            alert("아침식사 시간입니다.")
        }
        else
        {
            if(hour<15) //11~15시 미만일때 시행
            {
            	alert("점심식사 시간입니다.")
            }
            else // 15시 이상일때 시행
            {
            	alert("저녁식사 시간입니다.")
            }
        }
</script>

 

if else if 조건문

if(불 표현식)
{
	실행할 문장
}
else if(불 표현식)
{
	실행할 문장
}
else if(불 표현식)
{
	실행할 문장
}
....

예제

<script>
        const date = new Date()
        const hour = date.getHours()
        if(hour<11) //11시 미만일때 시행
        {
            alert("아침식사 시간입니다.")
        }
        else if(hour<15) //11~15시 미만일때 시행
        {
            alert("점심식사 시간입니다.")
        }
        else // 15시 이상일때 시행
        {
            alert("저녁식사 시간입니다.")
        }
</script>

 

 

핵심 포인트 :

if 조건문 : 참 거짓 판별로 실행할 문장 선택

else : if 조건문이 거짓일때 사용되는 문장

중첩 조건문 : 조건문이 중첩해서 사용할때

if else if 조건문 : 3가지 이상의 조건에서 사용할때

 

Switch 조건문

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

switch ( 자료) : 괄호안에 비교할 값이 어떤지에 따라 case마다 실행시키는 것

break : 조건문을 빠져나가기 위한 키워드

예제

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

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

 

switch를 if로 바꿔보기

<script>
        if(input%2 ==0)
        {
            alert("짝수입니다.")
        }
        else if(input%2 ==1 )
        {
            alert("홀수입니다.")
        }
        else
        {
            alert("숫자가 아닙니다.")
        }
</script>

 

if(범위) switch로 바꾸기

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

        switch(true)
        {
            case hour<11 :alert("아침식사 시간입니다.")
            break
            case hour<15 :alert("점심식사 시간입니다.")
            break
            default :alert("저녁식사 시간입니다.")
            break
        }
</script>

 

조건부 연산자

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

예제

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

        const result = (number>0) ? "0이상의 숫자입니다.":"0미만의 숫자입니다."
        alert(result)
</script>

 

짧은 조건문

불표현식 :: 표현식이 거짓일때 실행할 문장
거짓인 불표현식 && 표현식이 참일때 실행할 문장
//쓰이기 정말 어려울거 같다

 

핵심포인트

switch 조건문 : 값에 따라 조건을 분기해줌

조건부 연산자 :    A? B : C    A 조건에 따라 참이면 B 거짓이면 C

짧은 조건문 : 논리 연산자의 특이성을 이용한 조건문