三項演算子を持つ文の場合

三項演算子を使用して文を最初に見たとき、私は混乱しました.「疑問符はなぜ?」と“なぜコロンがありますか?”おそらく、私が持っていた考えのいくらかでした.
いくつかの研究と実践の後、私は最終的にどのように次のレベルに私のIFステートメントを取るには、三項演算子を使用して把握していた.

必要条件📝

Javascript(すなわち、文とTruthy/Falsy式)ならば、

コードエディタ(私は、Visual Studio Codeを推薦します)

始めましょう✨
まず、MDNを使って三元演算子を破壊しましょう

The conditional (ternary) operator is the only JavaScript operator that takes three operands: a condition followed by a question mark (?), then an expression to execute if the condition is truthy followed by a colon (:), and finally the expression to execute if the condition is falsy. This operator is frequently used as a shortcut for the if statement.

このように見えます.

condition ? truthy expression : falsy expression

第二に、三項演算子を使用してリファクタリングできるif文を見てみましょう

let userIdValid; 

if (userId.value.length === 10) { 
  userIdValid = "the user ID is valid";
}
else {
  userIdValid = "the user ID is not valid";
}

このif文は三項演算子を使用してリファクタリングする素晴らしい機会です.一歩一歩それを壊しましょう.

は条件(userId.value.length === 10)を見つけます

は、真実の価値userIdValid = "the user ID is valid";を見つけます

は、虚偽値userIdValid = "the user ID is not valid";を見つけます

を使用して一緒にすべてを置く", "

(userId.value.length === 10) ? userIdValid = "the user ID is valid" : userIdValid = "the user ID is not valid";

";"を必要とすることに注意してくださいステートメントの最後に.
🎉ボーナスとして🎉, このように、userIdValid変数にステートメントを割り当てることで、さらにこれをリファクタにすることができます.

let userIdValid = (userId.value.length === 10) ? "the user ID is valid" : "the user ID is not valid";

キーテイクアウト✨
リファクタリングこれは8行のコードを取り、1行まで簡略化しました.これは素晴らしい!ステートメントの上のコードコメント権利を加えることは、起こっていることを説明するのを助けることができます.これは将来のあなたと他の仲間の開発者に役立つです!

//checking the validity of the userId by checking its length
let userIdValid = (userId.value.length === 10) ? "the user ID is valid" : "the user ID is not valid";

そして、あなたはそれを持っている!3項演算子を使用してif文を書き込みました.

次の手順✨
過去または現在のプロジェクトで既に書かれているif文のいくつかを見てください.いずれかの三項if文を使用してリファクタリングする機会を提示しますか?はいなら、私はあなたにそれを試してみることをお勧め!
読書ありがとう!この記事はあなたの役に立ちましたか.共有できる任意のアイデア?以下のコメントを投稿!
これは私の最初の技術ブログ投稿です!私はThe Developer's Guide to Content Creationを読んで多くの励ましを見つけました.私は非常にそれをお勧めします!