빠른 팁 : JavaScript에서 Ternary Operator를 사용하는 방법

이 튜토리얼은 JavaScript Ternary 운영자의 구문 및 일반적인 사용법을 심도있게 탐색합니다.

JavaScript Ternary Operator (조건부 연산자라고도 함)는

명령문 대신 인라인 조건 검사를 수행하는 데 사용됩니다. 코드를보다 간결하고 읽기 쉽게 만들고 조건에 따라 변수에 값을 할당하거나 표현식을 실행할 수 있습니다.

키 포인트

if...else

JavaScript Ternary 연산자는 인라인 조건부 점검을 허용하여 코드를 더 짧고 읽기 쉽게 만듭니다. 테스트 할 조건, 콜론으로 분리 된 2 개의 표현을 수용합니다. 조건이 참이면, 첫 번째 표현식이 실행되면, 두 번째 표현식이 실행됩니다.

3 배 연산자는 값을 할당하고 조건에 따라 표현식을 실행하며 변수가 무효인지 또는 정의되지 않은지 확인할 수 있습니다. 또한 문과 유사하게 둥지 또는 연결 조건을 통해 운영자 표현식의 여러 조건을 처리 할 수 ​​있습니다. 3 대 연산자는 긴 명령문을 대체하여 코드 가독성을 향상시킬 수 있지만 중첩 된 3 배 연산자를 과도하게 사용하면 코드를 읽기 어렵게 만들 수 있습니다. 또한 3 원 운영자에게는 진실 및 거짓 지점이 필요하다는 점도 주목해야합니다.

문법

• Ternary 운영자는 3 개의 피연산자를 받아들입니다. 테스트 할 조건을 제공하고 물음표가 뒤 따른 다음 콜론으로 분리 된 두 가지 표현을 제공합니다. 조건이 진정한 값으로 간주되면, 첫 번째 표현식이 실행되면 조건이 잘못된 값으로 간주됩니다.
사용 형식은 다음과 같습니다
• if…else if…else 여기서
는 테스트 할 조건입니다. 값이 참이면
• 가 실행됩니다. 그렇지 않으면 값이 잘못된 값이면 if…else가 실행됩니다.

및

는 어떤 유형의 표현 일 수 있습니다. 변수, 기능 호출 또는 기타 조건 일 수 있습니다. 예 :

값 할당

에 3 대 연산자를 사용하십시오 3 원 운영자에게 가장 일반적인 사용 사례 중 하나는 변수에 값을 할당하는 값을 결정하는 것입니다. 변수의 값은 일반적으로 다른 변수 또는 조건의 값에 따라 다릅니다.

는 문을 사용하여 달성 할 수 있지만 코드를 더 길고 읽기가 더 어려워집니다. 예를 들면 :

<code class="language-javascript">condition ? expr1 : expr2</code>

이 코드 예제에서 먼저 변수 condition를 정의하십시오. 그런 다음 문을 사용하여 변수의 값을 결정하십시오. expr1 이것은 Ternary Operator를 사용하여 한 줄로 간단히 수행 할 수 있습니다 : expr2.

Ternary 연산자를 사용하여 표현식을 실행하십시오 3 배 연산자는 모든 유형의 표현식을 실행하는 데 사용될 수 있습니다.

예를 들어, 변수의 값에 따라 실행할 기능을 결정하려면 문을 사용하여이를 수행 할 수 있습니다. expr1 이것은 Ternary Operator를 사용하여 한 줄로 수행 할 수 있습니다 : expr2

<code class="language-javascript">condition ? expr1 : expr2</code>

의 값이 "예"인 경우 함수가 호출되고 실행됩니다. 그렇지 않으면 함수가 호출되고 실행됩니다.

널 값 확인 feedback sayThankYou에 3 대 연산자를 사용하십시오 대부분의 경우, 사용자의 검색 결과를 입력 할 때 또는 서버에서 데이터를 검색 할 때 정의 된 값이 있거나없는 변수를 작업 할 수 있습니다. saySorry Ternary 연산자를 사용하면 조건부 피연산자에 변수 이름을 배치하여 변수가 널 또는 정의되지 않은지 확인할 수 있습니다.

이것은 변수가 객체 일 때 특히 유용합니다. 실제로 무효 또는 정의되지 않은 객체의 속성에 액세스하려고하면 오류가 발생합니다. 먼저 객체가 설정되어 있는지 확인하면 오류를 피할 수 있습니다.

예 : 이 코드 블록의 첫 번째 부분에서 는

는 두 가지 속성 (에 Ternary 연산자를 사용할 때는 널 또는 정의되지 않은지 확인합니다. 그렇지 않은 경우 - 값이 있음을 의미합니다. 그런 다음 속성에 액세스하여 콘솔에 로그인하십시오. 그렇지 않으면 NULL이라면 대신 콘솔에 "책이 없음"을 녹음하십시오.

가 무효가 아니기 때문에 책의 제목은 콘솔에 기록됩니다. 그러나 두 번째 부분에서는 동일한 조건이 적용되면

가 무효이기 때문에 3 원 조작자의 조건이 실패합니다. 따라서 "No Book"은 콘솔에 기록됩니다.

중첩 조건

3 배 연산자는 인라인에 사용되지만 3 원 운영자 표현의 일부로 여러 조건을 사용할 수 있습니다. 여러 조건을 중첩하거나 연결하여

문과 유사한 조건 검사를 수행 할 수 있습니다.

<code class="language-javascript">1 > 2 ? console.log("You are right") : console.log('You are wrong');</code>

예를 들어, 변수의 값은 여러 조건에 따라 다를 수 있습니다.

를 사용하여 달성 할 수 있습니다 book 이 코드 블록에서 변수의 문자 레벨을 결정하기 위해 변수의 여러 조건을 테스트합니다. name 다음과 같이 동일한 조건을 3 원 운영자를 사용하여 수행 할 수 있습니다. author 먼저 첫 번째 조건 (예 : book)을 평가합니다. name 이것은 모든 조건이 False가 될 때까지 계속됩니다. 이는

의 값이 'f'이거나 조건 중 하나가 true로 평가되고 그 실제 값이

에 할당 될 때까지 계속됩니다. book 결론 book

이 튜토리얼의 예에서 볼 수 있듯이 JavaScript Ternary 연산자에게는 많은 사용 사례가 있습니다. 대부분의 경우, 3 원 운영자는 Verbose 문을 대체하여 코드 가독성을 향상시킬 수 있습니다.

(FAQ 부품과 같은 후속 내용은 기사의 길이로 인해 필요에 따라 별도로 처리하는 것이 좋습니다.)

위 내용은 빠른 팁 : JavaScript에서 Ternary Operator를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!