Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Conditional_operator below:

条件 (ä¸‰é …) æ¼”ç®—å - JavaScript

Baseline Widely available

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

function getFee(isMember) {
  return isMember ? "$2.00" : "$10.00";
}

console.log(getFee(true));
// Expected output: "$2.00"

console.log(getFee(false));
// Expected output: "$10.00"

console.log(getFee(null));
// Expected output: "$10.00"

condition ? exprIfTrue : exprIfFalse

condition

値が条件として使用される式です。

exprIfTrue

condition が真値 (true と等しいか、 true に変換できる値) と評価された場合に評価される式です。

exprIfFalse

condition が偽値 (false と等しいか、 false に変換できる値) と評価された場合に評価される式です。

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

const age = 26;
const beverage = age >= 21 ? "ビール" : "ジュース";
console.log(beverage); // "ビール"

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

const greeting = (person) => {
  const name = person ? person.name : "お客さん";
  return `やあ、${name}`;
};

console.log(greeting({ name: "アリス" })); // "やあ、アリス"
console.log(greeting(null)); // "やあ、お客さん"

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

function example() {
    return condition1 ? value1
         : condition2 ? value2
         : condition3 ? value3
         : value4;
}

これは次の if...else の連鎖と同じです。

function example() {
  if (condition1) {
    return value1;
  } else if (condition2) {
    return value2;
  } else if (condition3) {
    return value3;
  } else {
    return value4;
  }
}

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4