Javascript - 조건 (삼항) 연산자

CHan·2023년 10월 11일

1. 조건 삼항자

  • 조건 (삼항) 연산자는 JavaScript에서 세 개의 피연산자를 받는 유일한 연산자이다.
  • 앞에서부터 조건문, 물음표(?), 조건문이 참(truthy)일 경우 실행할 표현식, 콜론(:), 조건문이 거짓(falsy)일 경우 실행할 표현식이 배치된다.
  • 이 연산자는 if...else문의 대체재로 빈번히 사용된다.
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"

2. 구문

condition ? exprIfTrue : exprIfFalse;
  • condition : 조건문으로 사용되는 표현식

  • exprIfTrue : condtion이 truthy한 값으로 평가될 경우 실행되는 표현식
    (true와 같거나, true로 치환될 수 있는 값)

  • exprIfFalse : condition이 falsy한 값으로 평가될 경우 실행되는 표현식
    (false와 같거나, false로 치환될 수 있는 값)

  • false 이외의 falsy한 표현식에는 null, NaN, 0, 비어있는 문자열(""), 그리고 undefined가 있다.
    condition이 이 중 하나일 경우 조건 연산자의 결괏값은 exprIfFalse 표현식을 실행한 결괏값이다.

3. 연결된 조건문

function example(…) {
    if (condition1) { return value1; }
    else if (condition2) { return value2; }
    else if (condition3) { return value3; }
    else { return value4; }
}

function example(…) {
    return condition1 ? value1
         : condition2 ? value2
         : condition3 ? value3
         : value4;
}
  • 여러 조건들을 추가해서 if ... else if 문과 같이 연결해서 사용할 수 있다.
profile
Hello World!

0개의 댓글