728x90
이글은 "벨로퍼트"님의 동영상 강의를 보고 정리한 내용입니다.
삼항 연산자
이 문법은 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);
다음과 같이 삼항 연산자를 중첩해서 쓸 수도 있습니다.
const condition1 = false;
const condition2 = false;
const value = condition1
? '와우!'
: condition2
? 'blabla'
: 'foo';
console.log(value);
가독성이 그렇게 좋지 않으니 이러한 코드는 피하시는 것이 좋습니다.
이런 상황에는 차라리 if문으로 처리하는게 오히려 코드를 읽기가 쉬워질 수도 있습니다.
728x90
'프로그래밍 > Javascript(ES6)' 카테고리의 다른 글
[Javascript/ECMAScript6/ES6] 단축 평가 (short-circuit evaluation) 논리 계산법 (0) | 2020.05.28 |
---|---|
[Javascript/ECMAScript6/ES6] Truthy and Falsy (0) | 2020.05.27 |
[Javascript/ECMAScript6/ES6] 프로토타입과 클래스 (0) | 2020.05.25 |
[Javascript/ECMAScript6/ES6] 배열 내장함수 (0) | 2020.05.24 |
[Javascript/ECMAScript6/ES6] 반복문 (0) | 2020.05.23 |