JavaScript の三項演算子

Muhammad Muzammil Hussain 2023年10月12日
  1. JavaScript の三項演算子
  2. JavaScript の return ステートメントを使用する三項演算子
JavaScript の三項演算子

JavaScript ソース コードで三項演算子を使用した条件付きプログラミングを学び、実装します。 JavaScript プログラミングでの 3 項リターンの使用法と利点を見ていきます。

JavaScript の三項演算子

三項演算子は、小さなコードで条件文を書くのに役立ちます。

構文:

condition_check ? condition_if_true : condition_if_false;

上記のように、条件は ? でチェックされます。 オペレーター。 その演算子の後に、最初の式 (成功したステートメント) を記述する必要があり、2 番目の式の : 演算子は失敗のケースになります。

三項演算子は条件を評価し、定義された条件に基づいてコードを実行します。 条件が true の場合、最初の式が実行されます。それ以外の場合は、2 番目の式が実行されます。

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 と 3 項 ? を使用して同じ条件ステートメントを作成しました。 : 演算子と結果は同じです。 どちらのステートメントも同じ機能を実行しますが、三項演算子の方が簡潔です。

JavaScript の return ステートメントを使用する三項演算子

条件ベースで JavaScript 関数の戻り値を取得するには、return キーワードを含む 3 項演算ステートメントを使用してこれを実現できます。

コード例:

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!"

上記の例では、marks 変数を初期化し、合格マークの値を引数として checkGrade() 関数を呼び出し、checkGrade() 関数では、3 項演算ステートメントで return キーワードを使用しました。 .

マークが 80 以上の場合、ログにグレード A が出力されます。それ以外の場合はグレード B が出力されます。関数に 80 マークを渡して真の状態を確認し、マークを更新した後、関数に 70 マークを渡しました。 偽の条件ステートメントをチェックする関数。

関連記事 - JavaScript Operator