From c73194bceef69b1b772a07ce76c2c461a75c19c4 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 17 Feb 2022 01:00:37 +0900 Subject: 2022/01/18 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../operators/conditional_operator/index.md | 124 ++++++++++----------- 1 file changed, 57 insertions(+), 67 deletions(-) (limited to 'files/ja/web/javascript/reference') diff --git a/files/ja/web/javascript/reference/operators/conditional_operator/index.md b/files/ja/web/javascript/reference/operators/conditional_operator/index.md index c21aec44fc..976353ec9e 100644 --- a/files/ja/web/javascript/reference/operators/conditional_operator/index.md +++ b/files/ja/web/javascript/reference/operators/conditional_operator/index.md @@ -2,71 +2,74 @@ title: 条件 (三項) 演算子 slug: Web/JavaScript/Reference/Operators/Conditional_Operator tags: - - Conditional + - 条件 + - Decision - JS - JavaScript - - Operator - - Reference - - ternary - - 三項 - - 条件 + - 言語機能 - 演算子 + - リファレンス + - else + - if + - 三項 +browser-compat: javascript.operators.conditional translation_of: Web/JavaScript/Reference/Operators/Conditional_Operator --- -
{{jsSidebar("Operators")}}
- -

条件 (三項) 演算子は JavaScript では唯一の、3 つのオペランドをとる演算子です。条件に続いて疑問符 (?)、そして条件が{{Glossary("truthy", "真値")}}であった場合に実行する式、コロン (:) が続き、条件が{{Glossary("falsy")}}であった場合に実行する式が最後に来ます。この演算子は、 if 文のショートカットとしてよく用いられます。

+{{jsSidebar("Operators")}} -
{{EmbedInteractiveExample("pages/js/expressions-conditionaloperators.html")}}
+**条件 (三項) 演算子**は JavaScript では唯一の、3 つのオペランドをとる演算子です。条件に続いて疑問符 (`?`)、そして条件が{{Glossary("truthy", "真値")}}であった場合に実行する式、コロン (`:`) が続き、条件が{{Glossary("falsy", "偽値")}}であった場合に実行する式が最後に来ます。この演算子は、 [`if`](/ja/docs/Web/JavaScript/Reference/Statements/if...else) 文の代替としてよく用いられます。 - +{{EmbedInteractiveExample("pages/js/expressions-conditionaloperators.html")}} -

構文

+## 構文 -
condition ? exprIfTrue : exprIfFalse
+```js +condition ? exprIfTrue : exprIfFalse +``` -

引数

+### 引数 -
-
condition
-
値が条件として使用される式です。
-
exprIfTrue
-
condition が {{Glossary("truthy")}} の値 (true と等しいか、 true に変換できる値) と評価された場合に評価される式です。
-
exprIfFalse
-
condition が {{Glossary("falsy")}} の値 (false と等しいか、 false に変換できる値) と評価された場合に評価される式です。
-
+- `condition` + - : 値が条件として使用される式です。 +- `exprIfTrue` + - : `condition` が{{Glossary("truthy", "真値")}} (`true` と等しいか、 `true` に変換できる値) と評価された場合に評価される式です。 +- `exprIfFalse` + - : `condition` が{{Glossary("falsy", "偽値")}} (`false` と等しいか、 `false` に変換できる値) と評価された場合に評価される式です。 -

解説

+## 解説 -

false についていえば、 falsy になる可能性がある式は null, NaN, 0, 空文字列 (""), undefined です。 condition がこのうちの何れかであれば、条件演算子の結果は exprIfFalse の式を実行した結果になります。

+`false` についていえば、偽値になる可能性がある式は `null`, `NaN`, `0`, 空文字列 (`""`), `undefined` です。 `condition` がこのうちの何れかであれば、条件演算子の結果は `exprIfFalse` の式を実行した結果になります。 -

例

+## 例 -

単純な例

+### 単純な例 -
var age = 26;
-var beverage = (age >= 21) ? "ビール" : "ジュース";
+```js
+var age = 26;
+var beverage = (age >= 21) ? "ビール" : "ジュース";
 console.log(beverage); // "ビール"
-
+``` -

null 値の扱い

+### null 値の扱い -

よくある使い方の一つに、 null になる可能性がある値を扱うというものがあります。

+よくある使い方の一つに、 `null` になる可能性がある値を扱うというものがあります。 -
let greeting = person => {
+```js
+let greeting = person => {
     let name = person ? person.name : `お客さん`
     return `やあ、${name}`
 }
 
-console.log(greeting({name: `アリス`}));  // "やあ、アリス"
+console.log(greeting({name: `アリス`})); // "やあ、アリス"
 console.log(greeting(null));             // "やあ、お客さん"
-
+``` -

条件の連鎖

+### 条件の連鎖 -

三項演算子は右結合で、すなわち以下のような方法で if … else if … else if … else の連鎖と同様に「連鎖」させることができます。

+三項演算子は右結合で、すなわち以下のような方法で `if … else if … else if … else` の連鎖と同様に「連鎖」させることができます。 -
function example(…) {
+```js
+function example(…) {
     return condition1 ? value1
          : condition2 ? value2
          : condition3 ? value3
@@ -81,33 +84,20 @@ function example(…) {
     else if (condition3) { return value3; }
     else { return value4; }
 }
-
- -

仕様書

- - - - - - - - - - - - -
仕様書
{{SpecName('ESDraft', '#sec-conditional-operator', 'Conditional Operator')}}
- -

ブラウザーの互換性

- -

{{Compat("javascript.operators.conditional")}}

- -

関連情報

- - +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [if 文](/ja/docs/Web/JavaScript/Reference/Statements/if...else) +- [Null 合体演算子](/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator) +- [オプション連鎖](/ja/docs/Web/JavaScript/Reference/Operators/Optional_chaining) +- [コードでの意思決定 — 条件文](/ja/docs/Learn/JavaScript/Building_blocks/conditionals) +- [式と演算子](/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators) -- cgit v1.2.3-54-g00ecf