おやじプログラマー日記

Javascriptで変数を判定する場合に、判定条件が2個以上あるときに論理演算を使います。
例として以下の様な感じでしょうか。
var x,y; // いろいろな処理・・・ if ((x > 10) && (y > 20)) {     // xが10より大きく、かつ、yが20より大きい場合の処理 } if ((x > 10) || (y > 20)) {     // xが10より大きいか、または、yが20より大きい場合の処理 }
最初のif文は(x > 10)の論理式と(y > 20)の論理式をAND演算で結合し判定しています。
また、次のif文はそれぞれの論理式をOR演算で結合しています。

これらを以下の様にしてみると、新しい変数h1、h2にはそれぞれ論理演算の結果であるtrueもしくはfalseの値が設定されます。
var x, y; var h1, h2; h1 = (x > 10) && (y > 20); h2 = (x > 10) || (y > 20);
論理OR、論理ANDの前後が論理式の場合は分かりやすいのですが、それが式そのものであった場合はどうなるでしょうか。
以下の様に書いてみます。
var x, y; var h1, h2; h1 = x || 10; h2 = y && 20;
この例では、「x || 10」の「x」の値がfalseと判定されない値（空では無い文字列, 0ではない数値, オブジェクト等）の場合、 その値が「h1」に代入されます。この場合、論理演算子の右側の「10」は判定されないことになります。
また、「x」の値がfalseと判定された場合は「10」が「h1」に代入されます。

「y && 20」の「y」の値がfalseと判定された場合は、論理ANDなので右側の「20」は評価されずにfalseが「h2」に代入されます。
また、「y && 20」の「y」の値がfalseと判定されない場合は、右側の「20」が評価され「h2」にその値が代入されます。

これらの考え方で「(x > 10) && (y > 20)」および「(x > 10) || (y > 20)」を再び見てみれば分かりやすいと思います。

「x || 10」の方法を関数の引数のデフォルト値設定などで利用できると思われます。
function hoge(width, height, str) {     var w = width || 100;     var h = height || 200;     var s = str || "default";     // hogeの処理・・・ }