Тернарный оператор JavaScript - что это такое?

Код

Тернарные операторы позволяют быстро писать более короткие инструкции if. Вот пример:

// уровень крутости Криса равен 100
// у всех остальных уровень 999
const howCoolAmI = name === 'chris' ? 100 : 999;

Рассмотрим, как можно переписать простую инструкцию if с тернарным оператором и без него:

Без тернарного оператора

// если инструкция без тернарного оператора
let skillLevel;

if (name === 'chris') {
  skillLevel = 5;
} else {
  skillLevel = 10;
}

С тернарным оператором

Теперь перепишем приведенный выше код с применением тернарного оператора:

let skillLevel = name === 'chris' ? 5 : 10;
let skillLevel = name === 'chris' ? 5 : 10;

• Чтобы использовать условный оператор, напишем инструкцию if слева от **?**.
• Первая часть после ? выполняется, если значение равно true.
• Вторая часть выполняется, если значение false.

Интерактивный пример

Ниже представлен еще один пример того как можно использовать тернарный оператор js. Поэкспериментируйте с исходным кодом, чтобы увидеть, как использовать условные операторы в JavaScript.

Многострочный условный оператор

Если условный оператор становится слишком длинным для одной строки (, разделите условные инструкции на несколько строк.

const howCoolAmI = name === 'chris' 
                                ? 100 
                                : 999; 

Примечание о названии

В этой статье мы использовали только условный оператор, работающий с тремя операндами. Поэтому его часто называют тернарным (от английского ternary – троичный) оператором. В JavaScript есть только один оператор, который принимает три операнда.