[자바스크립트] 조건문

if문과 if  ~ else문

- 피연산자 2개의 값을 비교해서 true, false로 결괏값 반환

- 하나의 if ~ else 문 안에 다른 if ~ else 문을 넣을 수 있다. ( 중첩 if 문)

 

if 문 / if ~ else 문

// 중첩 if문을 활용한 3의 배수 확인
var userNumber = parseInt(prompt("정수를 입력하시오."));

if(userNumber !== null){ //입력값이 null이 아니면 if ~ else 문을 실행
    // if ~ else 문 안에 중첩된 if ~ else문
    if(userNumber % 3 === 0) 
        alert("3의 배수입니다."); // 입력값이 3의 배수이면 알림창을 보여줌
    else
        alert("3의 배수가 아닙니다."); // 입력값이 3의 배수가 아니면 알림창을 보여줌
} else {
	alert("입력이 취소되었습니다."); // 입력값이 null이면 알림 창을 보여줌

 

다중 if 문

- 여러가지 조건에 따라 조건문을 설정

- 앞 조건이 거짓일 때 새로운 조건을 확인하여 명령문 실행

- 조건에 계속 설정할 수 있으며 마지막에는 조건식을 쓰지 않는다.

// 다중 if 문을 이용한 학점 계산
var n = parseInt(prompt("정수를 입력하시오."));

if (n >= 90) {
    //참일 때 실행 코드
    alert("A학점 입니다.");
  } else if (n >= 80) {
    //앞 조건이 거짓일 때 실행 코드
    alert("B학점 입니다.");
  } else if (n >= 70) {
    //앞 조건이 거짓일 때 실행 코드
    alert("C학점 입니다.");
  } else if (n >= 60) {
    //앞 조건이 거짓일 때 실행 코드
    alert("D학점 입니다.");
  } else {
    //앞의 모든 조건이 거짓일 때 실행 코드
    alert("F학점 입니다.");
  }

 

 

삼항 연산자

- 조건이 하나이고 true일 때와 false 일때 실행할 명령이 각각 하나 뿐일때 간단하게 한줄로 사용할 수 있다.

- 조건 연산자를 사용하게되면 직관적으로 알아보기 힘들어질 수 있기 때문에 일반적으로는 if ~ else문을 더 많이 사용한다.

 

삼항 연산자

var userNumber = prompt("숫자를 입력하세요.");

if (userNumber !== null) 
  (userNumber % 3 === 0) ? alert("3의 배수입니다.") : alert("3의 배수가 아닙니다."); //조건연산자를 사용함
else 
  alert("입력이 취소됐습니다.");

 

 

논리 연산자로 조건 체크

- 조건을 2개이상 체크할 경우 조건 연산자를 사용해 조건을 만든다.

- 두 조건이 true일 경우, 조건 1개만 true일 경우 처럼 여러 경우를 따질 때 논리 연산자를 사용한다.

AND 연산자 (&&)	OR 연산자 (||)	NOT 연산자 (!)

 

switch 문

- 처리할 명령이 많을 경우 if ~ else 보다 switch 문이 더 편리하다.

- 조건은 case 문의 값과 일대일로 일치해야한다.

- case문의 명령 실행 후 break 문을 만나면 switch 문을 빠져나온다.

- 조건과 일치하는 case 문이 없다면 default 문을 실행한다.

- default문에는 break 문이 없다.

 

switch 문

var session = prompt("관심 세션을 선택해 주세요. 1-마케팅, 2-개발, 3-디자인");
		
switch (session) {
    case "1" : document.write("<p>마케팅 세션은 <strong>201호</strong>에서 진행됩니다.</p>"); // 1을 입력 받았을 경우 실행 
        break;
    case "2" : document.write("<p>개발 세션은 <strong>203호</strong>에서 진행됩니다.</p>"); // 2을 입력 받았을 경우 실행
        break;
    case "3" : document.write("<p>디자인 세션은 <strong>205호</strong>에서 진행됩니다.</p>"); // 3을 입력 받았을 경우 실행
        break;
    default: alert("잘못 입력했습니다."); // 1, 2, 3이 아닌 값을 입력받았을 경우 실행
    }