&& および || 式に関するヒントを javascript_javascript ヒントで共有する

あなたが初心者の場合、これらすべてのテクニックの詳細な説明と各テクニックがどのように機能するかを読んで適用した後、より簡潔で効率的な JavaScript プログラムを作成できるようになります。

実際、JavaScript の達人はこれらのテクニックを使用して、多くの強力で効率的な JavaScript プログラムを作成してきました。

強力な && および || 式
JavaScript ライブラリや JavaScript フレームワークでこれらを見たことがあると思いますので、いくつかの基本的な例から始めましょう:

例 1. || (または)
デフォルト値を設定します。通常は

を使用します

コードをコピーします コードは次のとおりです:

function documentTitle(theTitle) {
if (!theTitle) {
theTitle = "無題のドキュメント";
}
}

これを次のように置き換えます:

コードをコピーします コードは次のとおりです:

function documentTitle(theTitle) {
theTitle = theTitle || "無題のドキュメント";
}

分析:

まず、次の「ヒント」ボックスを読んで、JavaScript がブール値を決定する方法を確認してください。
|| 演算子は、まず左から式の真偽を判定し、真の場合は直ちに左の式が返した値を返し、左の式が偽と判定された場合は判定を続けます。右側の式を返し、
の値を返します。 theTitle が false と評価された場合、右側の式の値が返されます。つまり、theTitle 変数が true と評価された場合、theTitle の値が返されます。
! ヒント:
JavaScriptでfalseと判断される値：null、false、0、unknown、NaN、""(空文字列)。
Infinity のような NaN 値は false ではなく true として評価されることに注意してください。
上記以外の値はすべて true と判断されます。

例 2. && (および)

これは行わないでください:

function isAdult(age) {
 if (age && age > 17) {
  return true;
 } else {
  return false;
 }
}

これを次のように置き換えます:

コードをコピーします コードは次のとおりです:

関数 isAdult(age) {
年齢を返します && 年齢 > 17;
}

分析:

&& 演算子は、左側の式が false と評価された場合、右側の式が true であるかどうかに関係なく、すぐに false を返します。
左側の式が true の場合、右側の式の評価を続行し、右側の式の結果を返します
楽しくなってきました

例 3.

これは行わないでください:

if (userName) {
 logIn(userName);
} else {
 signUp();
}

これを次のように置き換えます:

コードをコピーします コードは次のとおりです:

ユーザー名 && logIn(ユーザー名) || SignUp();

分析:

userName が true の場合、logIn 関数を呼び出して userName 変数を渡します
userName が false の場合、変数を渡さずに logIn 関数を呼び出します

例 4.
これは行わないでください:

var userID;

if (userName && userName.loggedIn) {
 userID = userName.id;
} else {
 userID = null;
}

これを次のように置き換えます:

コードをコピーします コードは次のとおりです:

var userID = userName && userName.loggedIn && userName.id;

分析:

userName が true の場合は、user.loggedIn を呼び出して user.loggedIn が true であるかどうかを確認し、true が返された場合は 3 番目の式の戻り値を返します
userName が空の場合は、null

を返します

上記は、この記事で共有する最初の JavaScript のヒントです。気に入っていただければ幸いです。