Javascript

삼항 연산자

하루 2022. 2. 1. 19:03

사용법

조건 ? true일때 : false일때

 

예를 들어 특정 조건에 따라 text 값이 달라야하는 상황이 있다고 해보자.

const array = [1, 2];
let text = '';
if (array.length === 0) {
  text = '배열이 비어있습니다.';
} else {
  text = '배열이 비어있지 않습니다.';
}
console.log(text);  // 배열이 비어있지 않습니다.ㅁ

삼항 연산자를 이용하여 다음과 같이 작성할 수 있다.

const array = [];
let text = array.length === 0 ? '배열이 비어있습니다' : '배열이 비어있지 않습니다.';

console.log(text);

 

중첩 (비추천)

가독성이 그렇게 좋지 않으니 이러한 코드는 피하는 것이 좋다.

이런 상황에는 차라리 if문으로 처리하는게 오히려 코드를 읽기가 쉬워질 수도 있다.

const condition1 = false;
const condition2 = false;

const value = condition1 
  ? '와우!' 
  : condition2 
    ? 'blabla' 
    : 'foo';

console.log(value);