조건부 연산자는 조건에 따라 다른 값을 반환하는 역할을 합니다. JavaScript에서는 세 가지 유형의 조건부 연산자를 사용할 수 있습니다.

1. 삼항 조건부 연산자 (Ternary Operator) 삼항 조건부 연산자는 가장 많이 사용되는 조건부 연산자입니다. 문법은 다음과 같습니다:

    condition ? expression1 : expression2
   

   조건(condition)이 true이면 expression1이 반환되고, 조건이 false이면 expression2가 반환됩니다.

   예를 들어, 숫자 x가 10보다 크면 “x는 10보다 큽니다”를 출력하고, 그렇지 않으면 “x는 10보다 작거나 같습니다”를 출력하는 코드는 다음과 같이 작성할 수 있습니다:

    var x = 15;
    var message = x > 10 ? "x는 10보다 큽니다" : "x는 10보다 작거나 같습니다";
    console.log(message);
   

   출력 결과: “x는 10보다 큽니다”

2. && 연산자 (Logical AND Operator) && 연산자는 조건에 따라 두 개의 표현식을 모두 평가하고, 참인 경우 마지막 표현식의 값을 반환합니다.

    expression1 && expression2
   

   expression1과 expression2 모두 true일 때만 expression2가 반환됩니다. 그 외의 경우에는 false가 반환됩니다.

   예를 들어, 사용자의 로그인 상태를 확인하고 로그인이 되어 있으면 “로그인되었습니다”를 출력하는 코드는 다음과 같이 작성할 수 있습니다:

    var loggedIn = true;
    loggedIn && console.log("로그인되었습니다");
   

   출력 결과: “로그인되었습니다”

3. 	연산자 (Logical OR Operator)
   	연산자는 조건에 따라 두 개의 표현식 중 하나를 평가하고, 참인 경우 첫 번째 표현식의 값을 반환합니다.

    expression1 || expression2
   

   expression1이 true일 경우에는 expression1의 값을 반환하고, expression1이 false인 경우에는 expression2의 값을 반환합니다.

   예를 들어, 사용자로부터 입력받은 값이 없을 경우 “기본값”을 사용하고, 값이 있는 경우에는 입력받은 값을 사용하는 코드는 다음과 같이 작성할 수 있습니다:

    var userInput = "";
    var value = userInput || "기본값";
    console.log(value);
   

   출력 결과: “기본값”

조건부 연산자를 적절하게 사용하면 코드의 가독성을 높이고, 간결한 로직을 구현할 수 있습니다.

참고 문서:

• MDN web docs - 조건부 연산자