자바스크립트 조건문 (if, else, else if)

if 문

if (조건식){
//참일 때 수행할 조건문
}
거짓일 때 수행할 조건문

if(조건식){
//참일 때 수행할 조건문
} else{
//거짓일 때 수행할 조건문
}

예를 들면,

 let work = prompt("당신이 하루에 걷는 양은 몇 보인가요?","0");
    if(work >= 10000){
        document.write("매우 좋은 습관을 갖고 있어요 :)");
    }
            document.write("나가서 좀 걸으세요 :( ")

if ~ else 문을 이용해보자면 이렇게 된다.

    let work = prompt("당신이 하루에 걷는 양은 몇 보인가요?","0");
    if(work >= 10000){
        document.write("매우 좋은 습관을 갖고 있어요 :)");
    }else{
        document.write("나가서 좀 걸으세요 :( ")
    }
    
    

prompt를 사용하여 사용자가 입력한 수량이 10000 보다 클 경우 if에 적혀 있는 조건식이 참이 되므로,
"매우 좋은 습관을 갖고 있어요 :)" 메세지가 출력된다. 입력한 수량이 10000 보다 작을 경우엔 조건식이 거짓이 되기 때문에 "나가서 좀 걸으세요 :(" 메세지가 출력된다.

else if 문

여러개의 조건을 처리해야 할 때 else if를 추가하여 다른 조건값을 평가할 수 있다.

예시) 계절 찾기

let four = prompt("지금은 몇 월 입니까?","0");

    let four = prompt("지금은 몇 월 입니까?","0");
    if(four>=3 && four <=5 ){
        document.write("햇살 가득한 봄입니다.");
    }else if(four >=6 && four <=8){
        document.write("여행가기 좋은 여름입니다");
    }else if(four >=9 && four <=11){
        document.write("책 읽기 좋은 계절 가을입니다.");
    }else{
         document.write("스키 타기 좋은 계절 겨울입니다.");
    }
    
    
    
    

else if 외에 있는 조건식은 else 로 사용하면 된다.

다른 예시) 로그인 시, if else 를 사용해서 로그인 오류 안내창을 만들어보자

    let id = "itzy"; 
    let a = prompt("id를 입력하여주세요");
    let pw = 1234567; 
    let b = prompt("pw를 입력하여주세요");

    if(id==a && pw==b){
        document.write(id+"님 반갑습니다. 로그인 되었습니다");
    }else if (id != a && pw == b){
        document.write("id가 틀렸습니다");
    }else if(id==a && pw!=b){
        document.write("pw가 틀렸습니다");
    }else if (id!=a && pw!=b){
        document.write("모두 틀렸습니다");
    }

변수 id와 pw를 생성하고 prompt 역할하는 변수 a, b를 만들었다.

삼항연산자

if (조건식)?true:false;

    let age = 19;
    let ho = (age>=20)? "성인입니다." : "미성년자입니다.";

    alert(ho);

age가 20보다 같거나 크면 true값인 "성인입니다." 라는 메세지가 뜨고, 20보다 작으면 "미성년자입니다."라는 메세지가 뜬다.

삼항 연산자가 if문보다 효율적으로 보이지만, 개인적으로 else if문이 더 재밌어서 손이 자주 가진 않는다.