diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-17 10:35:31 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-26 16:04:26 +0900 |
commit | ca804d69217a116d4886ce08ee0281e6ab6dbf15 (patch) | |
tree | 3258e7f9d25650b030cd7caea53b202712ffaa83 | |
parent | 1baab037e73df736f09e9cbce9a443358a5a018d (diff) | |
download | translated-content-ca804d69217a116d4886ce08ee0281e6ab6dbf15.tar.gz translated-content-ca804d69217a116d4886ce08ee0281e6ab6dbf15.tar.bz2 translated-content-ca804d69217a116d4886ce08ee0281e6ab6dbf15.zip |
2022/01/28 時点の英語版に同期
-rw-r--r-- | files/ja/web/javascript/reference/operators/logical_or/index.md | 180 |
1 files changed, 87 insertions, 93 deletions
diff --git a/files/ja/web/javascript/reference/operators/logical_or/index.md b/files/ja/web/javascript/reference/operators/logical_or/index.md index 29a177506c..5a100dbc55 100644 --- a/files/ja/web/javascript/reference/operators/logical_or/index.md +++ b/files/ja/web/javascript/reference/operators/logical_or/index.md @@ -3,151 +3,145 @@ title: 論理和 (||) slug: Web/JavaScript/Reference/Operators/Logical_OR tags: - JavaScript - - Language feature - - Logical Operator - - Operator - - Reference - - 演算子 - 言語機能 - 論理演算子 + - 演算子 + - リファレンス +browser-compat: javascript.operators.logical_or translation_of: Web/JavaScript/Reference/Operators/Logical_OR --- -<div>{{jsSidebar("Operators")}}</div> - -<p>論理和 (<code>||</code>) 演算子 (論理的分割) をオペランドの組み合わせに対して使用すると、オペランドのうち 1 つ以上が true である場合に true になります。一般的には {{jsxref("Boolean")}} (論理) 値で使用されます。その場合は論理値を返します。ただし <code>||</code> 演算子は実際には指定されたオペランドのうち一つの値を返すので、この演算子が論理値以外で使用された場合は、論理値以外の値を返すことになります。</p> +{{jsSidebar("Operators")}} -<div>{{EmbedInteractiveExample("pages/js/expressions-logical-or.html", "shorter")}}</div> +論理和 (`||`) 演算子 (論理的分割) をオペランドの組み合わせに対して使用すると、オペランドのうち 1 つ以上が true である場合に true になります。一般的には論理値(ブール値)で使用されます。その場合は論理値を返します。ただし `||` 演算子は実際には指定されたオペランドのうち一つの値を返すので、この演算子が論理値以外で使用された場合は、論理値以外の値を返すことになります。 -<div class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</div> +{{EmbedInteractiveExample("pages/js/expressions-logical-or.html", "shorter")}} -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 -<pre class="syntaxbox notranslate"><em>expr1</em> || <em>expr2</em> -</pre> +```js +expr1 || expr2 +``` -<h2 id="Description" name="Description">解説</h2> +## 解説 -<p><code>expr<strong>1</strong></code> が <code>true</code> に変換できる場合は <code>expr<strong>1</strong></code> を返し、それ以外の場合は <code>expr<strong>2</strong></code> を返します。</p> +`expr1` が `true` に変換できる場合は `expr1` を返し、それ以外の場合は `expr2` を返します。 -<p>ある値が <code>true</code> に変換できる場合、その値は真値 ({{Glossary("truthy")}}) と呼ばれます。ある値が <code>false</code> に変換できる場合、その値は偽値 ({{Glossary("falsy")}}) と呼ばれます。</p> +ある値が `true` に変換できる場合、その値は真値 ({{Glossary("truthy")}}) と呼ばれます。ある値が `false` に変換できる場合、その値は偽値 ({{Glossary("falsy")}}) と呼ばれます。 -<p>false に変換されうる式の例を示します。</p> +false に変換されうる式の例を示します。 -<ul> - <li><code>null</code></li> - <li><code>NaN</code></li> - <li><code>0</code></li> - <li>空文字列 (<code>""</code> または <code>''</code> または <code>``</code>)</li> - <li><code>undefined</code></li> -</ul> +- `null` +- `NaN` +- `0` +- 空文字列 (`""` または `''` または ` `` `) +- `undefined` -<p><code>||</code> 演算子では論理値以外のオペランドを使用することができますが、返値が常に <a href="/ja/docs/Web/JavaScript/Data_structures#Boolean_type">boolean プリミティブ</a>に変換することが可能であるため、論理演算子と見なすことができます。返値 (または一般的な式) を対応する論理値に明示的に変換するには、二重の<a href="/ja/docs/Web/JavaScript/Reference/Operators/Logical_Operators#Logical_NOT">否定演算子</a>または {{jsxref("Global_Objects/Boolean/Boolean", "Boolean")}} コンストラクターを使用してください。</p> +`||` 演算子では論理値以外のオペランドを使用することができますが、返値が常に[論理型プリミティブ](/ja/docs/Web/JavaScript/Data_structures#論理型_boolean)に変換することが可能であるため、論理演算子と見なすことができます。返値 (または一般的な式) を対応する論理値に明示的に変換するには、二重の{{JSxRef("Operators/Logical_NOT", "否定演算子", "", 1)}}または {{jsxref("Global_Objects/Boolean/Boolean", "Boolean")}} コンストラクターを使用してください。 -<h3 id="Short-circuit_evaluation" name="Short-circuit_evaluation">短絡評価</h3> +### 短絡評価 -<p>論理和の式は左から右へと評価され、下記の規則を使用して「短絡」評価が可能なように評価されます。</p> +論理和の式は左から右へと評価され、下記の規則を使用して「短絡」評価が可能なように評価されます。 -<p><code>(真値の式) || <em>expr</em></code> は短絡評価で真値の式に評価されます。</p> +`(真値の式) || expr` は短絡評価で真値の式に評価されます。 -<p>短絡とは、上記の <code><em>expr</em></code> の部分が<strong>評価されず</strong>、したがって、これを行うことの副作用が効果を及ぼさないことを意味します (例えば、 <code><em>expr</em></code> が関数呼び出しであった場合、この場所では呼び出されません)。これは、最初のオペランドが評価された時点で、すでに演算子の値が決定しているためです。例を示します。</p> +短絡とは、上記の `expr` の部分が**評価されず**、したがって、これを行うことの副作用が効果を及ぼさないことを意味します(例えば、 `expr` が関数呼び出しであった場合、この場では呼び出されません)。これは、最初のオペランドが評価された時点で、すでに演算子の値が決定しているためです。例を示します。 -<pre class="brush: js notranslate">function A(){ console.log('called A'); return false; } +```js +function A(){ console.log('called A'); return false; } function B(){ console.log('called B'); return true; } console.log( B() || A() ); // 関数呼び出しによって "called B" がログ出力され、 // それから true (演算子の結果の値) が出力されます。 -</pre> +``` -<h3 id="Operator_precedence" name="Operator_precedence">演算子の優先順位</h3> +### 演算子の優先順位 -<p>以下の式は同じであるように見えるかもしれませんが、異なります。 <code>&&</code> 演算子は <code>||</code> 演算子よりも先に実行されるからです (<a href="/ja/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">演算子の優先順位</a>参照)。</p> +以下の式は同じであるように見えるかもしれませんが、異なります。 `&&` 演算子は `||` 演算子よりも先に実行されるからです([演算子の優先順位](/ja/docs/Web/JavaScript/Reference/Operators/Operator_Precedence)を参照)。 -<pre class="brush: js notranslate">true || false && false // true を返す。 && が先に実行されるため -(true || false) && false // false を返す。演算子の優先順位が適用されないため</pre> +```js +true || false && false // true を返す。 && が先に実行されるため +(true || false) && false // false を返す。演算子の優先順位が適用されないため +``` -<h2 id="Examples" name="Examples">例</h2> +## 例 -<h3 id="Using_OR" name="Using_OR">OR の使用</h3> +### OR の使用 -<p>以下のコードは <code>||</code> (論理和) 演算子の例を示しています。</p> +以下のコードは `||` (論理和) 演算子の例を示しています。 -<pre class="brush: js notranslate">o1 = true || true // t || t returns true -o2 = false || true // f || t returns true -o3 = true || false // t || f returns true -o4 = false || (3 == 4) // f || f returns false -o5 = 'Cat' || 'Dog' // t || t returns "Cat" -o6 = false || 'Cat' // f || t returns "Cat" -o7 = 'Cat' || false // t || f returns "Cat" -o8 = '' || false // f || f returns false -o9 = false || '' // f || f returns "" -o10 = false || varObject // f || object returns varObject -</pre> +```js +o1 = true || true // t || t は true を返す +o2 = false || true // f || t は true を返す +o3 = true || false // t || f は true を返す +o4 = false || (3 == 4) // f || f は false を返す +o5 = 'Cat' || 'Dog' // t || t は "Cat" を返す +o6 = false || 'Cat' // f || t は "Cat" を返す +o7 = 'Cat' || false // t || f は "Cat" を返す +o8 = '' || false // f || f は false を返す +o9 = false || '' // f || f は "" を返す +o10 = false || varObject // f || オブジェクトは varObject を返す +``` -<div class="blockIndicator note"> -<p><strong>注:</strong> この演算子を使用していくつかの変数に既定値を提供する場合、<em>偽値</em> が使用されないことに注意してください。{{jsxref("null")}} や {{jsxref("undefined")}} をフィルタリングする必要がある場合は、<a href="/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Null 合体演算子</a>の使用を検討してください。</p> -</div> +> **Note:** この演算子を使用していくつかの変数に既定値を提供する場合、*偽値*が使用されないことに注意してください。 {{jsxref("null")}} や {{jsxref("undefined")}} をフィルタリングする必要がある場合は、[Null 合体演算子](/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator)の使用を検討してください。 -<h3 id="Conversion_rules_for_booleans" name="Conversion_rules_for_booleans">論理型の変換規則</h3> +### 論理型の変換規則 -<h4 id="Converting_AND_to_OR" name="Converting_AND_to_OR">AND から OR への変換</h4> +#### AND から OR への変換 -<p><strong>論理型</strong>に関する以下の操作は、</p> +**論理型**に関する以下の操作は、 -<pre class="brush: js notranslate">bCondition1 && bCondition2</pre> +```js +bCondition1 && bCondition2 +``` -<p>常に以下のものと等しくなります。</p> +常に以下のものと等しくなります。 -<pre class="brush: js notranslate">!(!bCondition1 || !bCondition2)</pre> +```js +!(!bCondition1 || !bCondition2) +``` -<h4 id="Converting_OR_to_AND" name="Converting_OR_to_AND">OR から AND への変換</h4> +#### OR から AND への変換 -<p><strong>論理型</strong>に関する以下の操作は、</p> +**論理型**に関する以下の操作は、 -<pre class="brush: js notranslate">bCondition1 || bCondition2</pre> +```js +bCondition1 || bCondition2 +``` -<p>常に以下のものと等しくなります。</p> +常に以下のものと等しくなります。 -<pre class="brush: js notranslate">!(!bCondition1 && !bCondition2)</pre> +```js +!(!bCondition1 && !bCondition2) +``` -<h3 id="Removing_nested_parentheses" name="Removing_nested_parentheses">入れ子になった括弧の除去</h3> +### 入れ子になった括弧の除去 -<p>論理式は左から右に評価されるので、いくつかのルールに従って複雑な式から括弧を削除することは常に可能です。</p> +論理式は左から右に評価されるので、いくつかのルールに従って複雑な式から括弧を削除することは常に可能です。 -<p>以下の<strong>論理型</strong>に関する複合操作は、</p> +**論理型**に関する以下の複合操作は、 -<pre class="brush: js notranslate">bCondition1 && (bCondition2 || bCondition3)</pre> +```js +bCondition1 && (bCondition2 || bCondition3) +``` -<p>常に以下のものと等しくなります。</p> +常に以下のものと等しくなります。 -<pre class="brush: js notranslate">!(!bCondition1 || !bCondition2 && !bCondition3)</pre> +```js +!(!bCondition1 || !bCondition2 && !bCondition3) +``` -<h2 id="Specifications" name="Specifications">仕様書</h2> +## 仕様書 -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#prod-LogicalORExpression', 'Logical OR expression')}}</td> - </tr> - </tbody> -</table> +{{Specifications}} -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> +## ブラウザーの互換性 -<p>{{Compat("javascript.operators.logical_or")}}</p> +{{Compat}} -<h2 id="See_also" name="See_also">関連情報</h2> +## 関連情報 -<ul> - <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Null 合体演算子 (<code>??</code>)</a></li> - <li>{{jsxref("Boolean")}}</li> - <li>{{Glossary("Truthy")}}</li> - <li>{{Glossary("Falsy")}}</li> -</ul> +- [Null 合体演算子 (`??`)](/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator) +- {{jsxref("Boolean")}} +- {{Glossary("Truthy", "真値")}} +- {{Glossary("Falsy", "偽値")}} |