> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 삼항 연산자(? 및 :)는 조건부 할당에 어떻게 작동합니까?

JavaScript의 삼항 연산자(? 및 :)는 조건부 할당에 어떻게 작동합니까?

DDD
풀어 주다: 2024-12-16 07:04:14
원래의
666명이 탐색했습니다.

How Do JavaScript's Ternary Operators (? and :) Work for Conditional Assignments?

삼항 연산자: ? 및 : JavaScript에서는

JavaScript에서는 신비한 문자 ? 그리고 : 조건부 할당의 비밀을 풀어주는 숨겨진 초능력을 가지고 있습니다. 이러한 문자는 삼항 연산자라고도 하는 조건 연산자의 핵심을 형성합니다.

다음 줄을 고려하세요.

hsb.s = max != 0 ? 255 * delta / max : 0;
로그인 후 복사

이 줄은 조건 연산자의 강력한 예를 보여줍니다. 물음표(?)는 "then" 절에 대한 게이트웨이 역할을 합니다.

if (max != 0)
로그인 후 복사

이 조건이 true로 평가되면 물음표 오른쪽의 값(이 경우 255 * delta / max가 실행됩니다. 그렇지 않으면 콜론(:) 오른쪽의 0인 표현식이 실행됩니다.

이는 다음과 같이 시각화할 수 있습니다.

hsb.s = condition ? true_value : false_value;
로그인 후 복사

즉, hsb의 값은 .s에는 max가 0이 아닌 경우 255 * delta / max가 할당되고, 그렇지 않으면 0이 할당됩니다.

제공한 코드는 다음과 같습니다. 전통적인 if-else 구문을 사용하여 재작성:

if (max != 0) {
  hsb.s = 255 * delta / max;
} else {
  hsb.s = 0;
}
로그인 후 복사

삼항 연산자의 미묘한 차이를 이해하면 간결하고 우아한 JavaScript 코드를 작성하여 프로그램을 더 읽기 쉽고 유지 관리하기 쉽게 만들 수 있습니다.

위 내용은 JavaScript의 삼항 연산자(? 및 :)는 조건부 할당에 어떻게 작동합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿