JavaScript Ternary Operator (삼항연산자) - 한입 크기로 잘라 먹는 리액트 (302)

삼항연산자 (Ternary Operator)

- JS에서 3개의 피연산자를 받는 유일한 연산자

- 조건문 ? 조건문인 참(true)일 경우 실행할 표현식 : 조건문이 거짓(falsy)일 경우 실행할 표현식

- if...else 문의 대체재

 

예제 1

let arr = [];
let a; // undefined

const arrStatus = arr.length === 0 ? '빈 배열' : '안 빈 배열';
console.log(arrStatus); // 빈 배열

const aResult = a ? true : false;
console.log(aResult); // false (falsy)

const arrResult = arr ? true : false;
console.log(arrResult); // true (truthy)

 

예제 2

/*
학점 계산 프로그램
90점 이상 100점 이하: A+
50점 이상 89점 이하: B+
49점 이하: F
*/

const score = 89;
grade = score >= 90 ? 'A+' : score >= 50 ? 'B+' : 'F';
console.log(grade);

 

 

 

출처: https://inf.run/3Kzd

한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의