JavaScript) 조건문. if ~ else, 삼항연산, switch~case

제어문(<->실행문): 프로그램의 흐름을 제어하는 코드.

 

1. if ~ else문 

특정 조건에 따라 실행하며, 실행문이 1줄일때는 중괄호{ } 생략이 가능하다. 

if (조건식) {
    실행문;
} else if {
    실행문;
} else {
    실행문;
}

// 홈페이지의 방문자 이름을 입력 => "ㅇㅇㅇ님 환영합니다!"
//		이름 입력 안하면 => " 게스트님 환영합니다!"

var name = prompt("이름을 입력해주세요.")
	
if (name != "") {		
	alert(name + "님 환영합니다!")
} else {
	document.write("게스트님 환영합니다. ")
}

* 자바스크립트 문자열 길이 name.length > 0

 

 

2. 삼항 조건 연산

조건? 실행문 : 실행문;

// 예시) 절대값 만들기
var n = -10;
n < 0 ? document.write(-n + "<br>") : document.write(n + "<br>");

document.write("결과: " + (n < 0? -n : n) + "<br>");	// 위에거에서 반복을 줄이기

 

 

 

3. 삼항 조건 연산 (조건 2개) 

삼항 조건식을 보면 조건을 하나만 쓸 수 있는것처럼 보이지만 사실 2개 이상 넣을 수 있다. 

 

조건식 ? 실행문1 : 조건식 ? 실행문2 : 실행문3;

document.write(n3 == 0 ? "0" : n3 > 0? "양수" : "음수");

위의예시를 보면 ?가 두개 있다. 이렇게 조건 2개 이상 사용 가능!!

 

 

 

4. switch문

switch( )에 들어온 값과 같은 케이스를 찾아서 해당 코드를 실행한다. 

범위를 계산할때는 if를, 값이 정활할때는switch가 좋다. 

 

종료: 해당 케이스의 실행문을 실행 후 break; 구문을 만나거나 default를 만나면 종료한다. 

       케이스를 찾아 실행했는데 break가 없는 경우,  break를 만날때까지 다음다음 넘어가며 모두 실행된다.

       -> break를 만나면 해당 제어문을 빠져나가므로(제어문을 끝냄) 매우 중요!

switch(숫자나 문자) {
    case 값:
        실행문;
        break; //생략가능
    case 값:
        실행문;
        break;
    default:
        실행문;
}

 

예시) 대소문자, 한글 상관없이 한글로 과일 이름 출력하기.

        같은 출력 조건에 해당될 경우, break없이 case 여러 개를 붙여쓰면 된다. 

var fruit = prompt("과일 이름을 입력하시오.")
var result = "";

switch(fruit) {
   case "apple":
   case "APPLE":
   case "사과":
       result = "사과";
       break;
   case "banana":
   case "BANANA":
   case "바나나":
       result = "바나나";
       break;
   default:
       alert("등록된 과일이 아닙니다.");
}  
   
if (result) {
    document.write(result)
}