조건부 삼항 연산자(conditional ternary operator)

조건부 삼항 연산자(conditional ternary operator) 는 세 개의 피연산 함수를 취할 수 있는 유일한 자바스크립트 연산자이다. 이 연산자는 if 문의 축약형으로 빈번히 사용된다. 

condition ? expr1 : expr2

condition (or conditions)

true 혹은 false로 평가되는 표현식

expr1, expr2

모든 형식의 값을 지닌 표현식

---

condition이 true이면, 연산자는 expr1의 값을 반환하며, 반대의 경우 expr2를 반환한다.

상황)

현재시각 1시 9분 3초를 웹브라우저에서 출력하면 1:9:3 형태로 출력된다

내가 나타내고 싶은 형태는 01:09:03 이다 

function getTime(){

    const date = new Date();

    const hours = date.getHours();

    const minutes = date.getMinutes();

    const seconds = date.getSeconds();

    clockTitle.innerText = `${hours}:${minutes}:${seconds}`

}

조건부 삼항 연산자를 적용하여 시간, 분, 초가 10보다 작은 경우 앞에 0을 붙여주는 것이다.

function getTime(){

    const date = new Date();

    const hours = date.getHours();

    const minutes = date.getMinutes();

    const seconds = date.getSeconds();

    clockTitle.innerText =

    `${hours < 10 ? `0${hours}` : `${hours}`

    }:${minutes < 10? `0${minutes}` : `${minutes}`

    }:${seconds < 10? `0${seconds}` : `${seconds}`

    }`

}

출처: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator