JavaScript- 삼항 연산자

※ 강의를 듣고 제가 이해한 것을 바탕으로 정리한 것이라서 오류가 있을 수 있습니다.

 

 

1. 삼항 연산자

이 문법은 ES6문법은 아니다.

 

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);

 

실행 결과

 

 

 

2. 삼항 연산자 중첩

const condition1 = false;
const condition2 = false;

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

console.log(value);

삼항 연산자를 중첩해서 사용도 할수 있다.

하지만 가독성이 떨어지므로 가급적이면 피하는 것이 좋다.

 

실행 결과