JavaScript의 삼항 연산자

Muhammad Muzammil Hussain 2023년10월12일
  1. JavaScript의 삼항 연산자
  2. JavaScript에서 return 문이 있는 삼항 연산자
JavaScript의 삼항 연산자

JavaScript 소스 코드에서 삼항 연산자를 사용하여 조건부 프로그래밍을 배우고 구현합니다. 우리는 자바스크립트 프로그래밍에서 삼항 반환의 사용법과 이점을 보게 될 것입니다.

JavaScript의 삼항 연산자

삼항 연산자는 조건문을 작은 코드로 작성하는 데 도움이 됩니다.

통사론:

condition_check ? condition_if_true : condition_if_false;

위와 같이 ?로 조건을 확인합니다. 운영자. 그 연산자 다음에는 첫 번째 표현식(성공한 문장)을 작성해야 하며 두 번째 표현식의 : 연산자는 실패한 경우가 됩니다.

삼항 연산자는 조건을 평가하고 정의된 조건에 따라 코드를 실행합니다. 조건이 true이면 첫 번째 표현식이 실행되고 그렇지 않으면 두 번째 표현식이 실행됩니다.

if else 조건문을 예로 들어 보겠습니다.

코드 예:

let marks = 50;

// with if else
if (marks >= 40) {
  console.log('You are passed!');
} else {
  console.log('You are failed!');
}

// same task with ternary operator
marks >= 40 ? console.log('You are passed!') : console.log('You are failed!')

출력:

You are passed!
You are passed!

위의 예에서 if else와 삼항 ?을 사용하여 동일한 조건문을 만들었습니다. : 연산자와 결과는 동일합니다. 두 문 모두 동일한 기능을 수행하지만 삼항 연산자가 더 간결합니다.

JavaScript에서 return 문이 있는 삼항 연산자

조건에 따라 JavaScript 함수의 반환 값을 얻으려면 반환 키워드와 함께 삼항 연산 문을 사용하여 이를 달성할 수 있습니다.

코드 예:

let marks = 80;  // initialized

checkGrade(marks)
console.log('After updating marks')
marks = 70  // updating
checkGrade(marks)

function checkGrade(marks) {
  return marks >= 80 ? console.log('You\'re Grade is A!') :
                       console.log('You\'re Grade is B!')
}

출력:

"You're Grade is A!"
"After updating marks"
"You're Grade is B!"

위 예제에서는 마크 변수를 초기화하고 합격점수 값을 인자로 하여 checkGrade() 함수를 호출했고, checkGrade() 함수에서는 return 키워드를 삼항연산문과 함께 사용했습니다. .

점수가 80보다 크거나 같으면 로그에 A 등급을 인쇄하거나 그렇지 않은 경우 등급 B를 인쇄합니다. 실제 조건을 확인하기 위해 함수에 80점을 전달했으며 점수를 업데이트한 후 70점을 거짓 조건문을 확인하는 기능.

관련 문장 - JavaScript Operator