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점을 거짓 조건문을 확인하는 기능.