Умовний (тернарний) оператор в JavaScript

Умовний (тернарний) оператор - єдиний оператор JavaScript, що приймає три операнда: умова, за якою слідує знак питання (?), потім вираз, який виконується, якщо умова істина. Далі супроводжується двокрапкою (:), і, нарешті, вираз, який виконується якщо умова хибна. Він часто використовується як укорочений варіант умовного оператора if.

Синтаксис

умова ? вираз1 : вираз2

Параметри

Умова

Вираз, результат якого використовується як умова.

Вираз1

Цей вираз виконується якщо результат умови успішний

Вираз2

Цей вираз виконується у випадку не успішної умови

Приклад

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"

Опис

Оператор повертає значення виразу1, якщо мова вірна, і значення виразу2, якщо ні. Наприклад, щоб вивести повідомлення, текст якого залежить від значення змінної isMember, можна використовувати такий вираз:

"The fee is " + (isMember ? "$2.00" : "$10.00")

Приклади

Також можна надавати значення змінним на основі результатів роботи тернарного оператора:

const age = 26;
const beverage = age >= 21 ? "Beer" : "Juice";
console.log(beverage); // "Beer"

Тернарний оператор може бути об'єднаним в ланцюг наступним чином, схожим на if ... else if ... else if ... else

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