[Javascript] 삼항 연산자

관련사이트

Conditional (ternary) operator - JavaScript | MDN

삼항 연산자의 사용법

조건? true일 때 : false일 때

 

 

예시1

let condition = true;
let text = '';
const result =  condition ? text = "TRUE!!!" : text = "FALSE!!!";
console.log(text);

 

TRUE!!!

예시2

const condition1 = true;
const condition2 = false;
let result =  
    condition1 
        ? condition2       //condition1이 true일 때
            ? "true true"            //condition2가 true일 때
            : "true false"           //condition2가 false일 때
        : condition2       //condition1이 false일 때
            ? "false true"           //condition2가 true일 때
            : "false false"          //condition2가 false일 때

console.log(result);

 

true false

삼항 연산자 안에 또 다른 삼항 연산자를 사용할 수 있었다.

또 라인이 너무 길어질 경우 끊어서 적으면 코드를 보기 쉬웠다.

조건이 많아질 경우 if else문을 사용하는 게 더 편리할 것 같다.