Тернарный условный оператор JavaScript

1. Пример: тернарный условный оператор JavaScript
2. Пример: вложенные тернарные операторы JavaScript
3. Пример: множественные операции в тройном операторе JavaScript

Из этого туториала Вы узнаете, как использовать условный оператор ?: В JavaScript.

Оператор if ... else помогает нам выполнить определенный блок кода только при выполнении определенного условия. Условный оператор, также известный как тернарный оператор, представляет собой однострочное сокращение для операторов if ... else. Это помогает писать чистый и лаконичный код. Это единственный оператор JavaScript, для которого требуется 3 операнда: условие для оценки, выражение для выполнения, если условие true, и выражение для выполнения, если условие false. Поскольку он принимает 3 операнда, его имя - тернарный оператор.

condition ? expression1 : expression2

Тернарный оператор сначала оценивает данное condition. Условие отделяется от expression1 знаком ? а expression2 отделяется от expression1 знаком :. Если condition истинно, то условный оператор выполняет expression1, иначе он выполняет expression2.

Пример: тернарный условный оператор JavaScript

var age = 18;
var canVote;
if(age>=18){
 	canVote='yes';
}
else{
	canVote ='no';
}

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

var age = 18;
var canVote = age>=18?'yes':'no';

Мы переписали приведенный выше фрагмент кода, используя тернарный оператор.

Пример: вложенные тернарные операторы JavaScript

Подобно оператору if ... else, мы также можем использовать вложенные тернарные операторы для выполнения множественной проверки условий.

var carSpeed = 90;
var warning = speed >= 100 ? 'Way Too Fast!!' : (speed >= 80 ? 'Fast!!' : 'Nice :)');
console.log(warning);

В приведенном выше коде мы генерируем предупреждение для автомобиля в зависимости от скорости автомобиля. Сначала мы проверяем, превышает ли значение carSpeed 100, и если условие выполняется, мы генерируем предупреждение о том, что автомобиль движется Way Too Fast!!. В противном случае мы вложили второе выражение, проверяющее, больше ли carSpeed 80, и отображаем Fast / Nice в зависимости от оценки.

Пример: множественные операции в тройном операторе JavaScript

Мы можем выполнять несколько операций внутри тернарного оператора точно так же, как операторы if ... else.

let isStudent = true;
let primeVideo = 12;
isStudent ? (
  primeVideo = primeVideo/2,
  alert('Enjoy your student discount')
) : (
  alert('You have to pay full price')
);

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