프로그래밍 언어/HTML,CSS,JS

JavaScript 삼항연산자를 사용하는 방법

Rateye 2021. 11. 15. 10:55
728x90
반응형
질문 : 어떻게 사용합니까? : JavaScript의 (조건부) 연산자?

간단히 말해서 ?: 조건부, "삼항") 연산자는 무엇이며 어떻게 사용할 수 있습니까?

답변

이것은 if-else 문에 대한 한 줄 속기입니다. 이를 조건부 연산자라고합니다. 1

다음은 조건부 연산자로 단축 할 수있는 코드의 예입니다.

var userType;
if (userIsYoungerThan18) {
  userType = "Minor";
} else {
  userType = "Adult";
}

if (userIsYoungerThan21) {
  serveDrink("Grape Juice");
} else {
  serveDrink("Wine");
}

?: 로 단축 할 수 있습니다.

var userType = userIsYoungerThan18 ? "Minor" : "Adult";

serveDrink(userIsYoungerThan21 ? "Grape Juice" : "Wine");

이 비록 모든 표현처럼, 조건 연산자는 또한, 부작용을 가진 독립 문으로 사용할 수있는 특이한 축소를 외부가 :

userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

연결될 수도 있습니다.

serveDrink(userIsYoungerThan4 ? 'Milk' : userIsYoungerThan21 ? 'Grape Juice' : 'Wine');

그래도 조심하지 않으면 다음과 같은 복잡한 코드로 끝날 것입니다.

var k = a ? (b ? (c ? d : e) : (d ? e : f)) : f ? (g ? h : i) : j;

하나는 종종 "삼원 운영자"라고하지만, 실제로는 [오퍼레이터 세 피연산자를 접수] 다만 삼원 연산자이다. 그러나 현재 JavaScript는 유일합니다.

출처 : https://stackoverflow.com/questions/6259982/how-do-you-use-the-conditional-operator-in-javascript
728x90
반응형