React-Study 부족한 부분에 대한 복습 😓

리액트 공부중에 부족한 부분을 체감함

JavaScript 의 조건부 삼항 연산자를 자주 사용하게 되는데

계속해서 이해가 제대로 안됐음..복습복습

삼항연산자

조건부 삼항연산자란??

조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 맨 앞에 조건문 들어가고. 그 뒤로 물음표(?)와 조건이 참truthy이라면 실행할 식이 물음표 뒤로 들어갑니다. 바로 뒤로 콜론(:)이 들어가며 조건이 거짓falsy이라면 실행할 식이 마지막에 들어갑니다. 보통 if 명령문의 단축 형태로 쓰입니다.

예시코드

function getFee(isMember) {
  return (isMember ? '$2.00' : '$10.00');
}

console.log(getFee(true));
// expected output: "$2.00"

console.log(getFee(false));
// expected output: "$10.00"

console.log(getFee(null));
// expected output: "$10.00"

구문

condition ? exprIfTrue : exprIfFalse 

매개변수

condition (조건문)
조건문으로 들어갈 표현식
exprIfTrue (참일 때 실행할 식)
condition이 Truthy일 때 실행되는 표현식입니다. (true일 때 치환될 값입니다).
exprIfFalse (거짓일 때 실행할 식)
condition이 falsy일 때 실행되는 표현식입니다. (false일 때 치환될 값입니다).

예제

var age = 26;
var beverage = (age >= 21) ? "Beer" : "Juice";
console.log(beverage); // "Beer"

-> age에 26을 할당 beverage 는 age 가 21 보다 크면 beer를
아니면 juice를 받도록 할당한다.

즉 순서는 조건 / 조건이 참이면 / 조건이 거짓이면 순으로 보면 된다.
기본적이지만 자주 까먹게 되어 정리 해보았쑤