[JavaScript] 조건부 연산자(삼항 연산자)

조건부 연산자 기본 형식 (?와 :이 한세트)

조건식 ? 참일 때 실행되는 식 : 거짓일 때 실행되는 식

 

5 > 0 ? '참' : '거짓';

//참

 

 

중첩된 조건부 연산의 경우 소괄호 연산자를 사용해 가독성을 높여주면 좋다.

 

📌예시1)

1. 빨간색 박스 먼저 실행 ->>> con2는 false 이므로 'con1만 참' 이 출력된다.

con1 ? 'con1만 참' : 'con1 거짓';

이렇게 나오고 

con1은 true 이므로 'con1만 참' 이 출력된다.

 

📌예시2)

con1의 조건식에서 참일경우 'con1 참' 출력 / 거짓일 경우 2번으로 넘어감

 

con2는 true이므로 'con2 참' 출력

 

con1 ? 'con1 참' : 'con2 참' 중에 false 이므로 'con2 참' 출력함

 

---

if문을 switct문과 조건부 연산자로 바꿔보기

 

let cond = true;
let value = '';

if (cond) {
	value = '참';
} else {
	value = '거짓';
}

 

switch문

let cond = true;
let value = '';

switch (cond) {
    case true:
    value = '참';
    break;
    case false:
    value = '거짓';
    break; //마지막에 break는 꼭 해주기!!!!!!!
}

조건부 연산자

 

let cond = true;

cond ? '참' : '거짓';