삼항 연산자

첫번째로 배울 문법은, 삼항 연산자이다.

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

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

그럴 경우에는 다음과 같이 코드를 작성 할수 있다.

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

console.log(text);

삼항 연산자의 사용법은 다음과 같다.

조건 ? true일때 : false일때

라인의 길이가 너무 길어진다면 다음과 같이 작성하기도 한다.

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

console.log(text);

다음과 같이 삼항 연산자를 충접해서 쓸수도 있다.

const condition1 = false;
const condition2 = false;

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

console.log(value);

가독성이 좋지 않아서 이런 코드는 피하는 것이 좋다. 차라리 if문으로 처리하는게 오히려 코드를 읽기가 쉬워질수도 있다.