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 マークを渡しました。 偽の条件ステートメントをチェックする関数。