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

mdn 문서 참조

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_operator

조건 (삼항) 연산자 - JavaScript | MDN

 

mdn 문서를 참조하면,

​

조건 (삼항) 연산자는 JavaScript에서 세 개의 피연산자를 받는 유일한 연산자이다.

물론 js 말고도 다른 언어에서도 삼항 연산자는 사용한다. 저번 학기에 내가 c로 과제를 찌끄릴 때 사용해본 적이 있다.

​

앞에서부터 조건문, 물음표(?), 조건문이 참(truthy)일 경우 실행할 표현식, 콜론(:) 조건문이 거짓(falsy)일 경우 실행할 표현식이

배치된다. 해당 연산자는 if...else문의 대체재로 빈번히 사용된다.

​

말은 어렵게 쓰여 있지만, 쉽게 풀어 보면

(조건) ? (참일 때 표현식) : (거짓일 때 표현식) 이다.

​

condition ? exprIfTrue : exprIfFalse

라고 공식 문서에는 적혀있다.

​

이를 통해 null 값을 처리할 수도 있다.

(예시)

let greeting = (person) => {

let name = person ? person.name : 'stranger';

return `How are you, ${name}?`;

};

​

console.log(greeting({name: 'Hyunah'})); // How are you, Hyunah?

console.log(greeting(null)); // How are you, stranger?

​

또한 연결된 조건문을 처리할 수도 있다.

이는 연결된 if...else if...else if...else와 유사하다.

(예시)

function example(...) {

return condition1 ? value1

: condition2 ? value2

: condition3 ? value3

: value4;

}

​

삼항 연산자를 사용하면 긴 if문을 한 줄로 표현할 수 있기 때문에 간편하며,

중복된 코드를 피할 수 있다.