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



Условный оператор в основах Javascript
Допустим, у вас есть определенные условия для вашего результата в Javascript. Вы бы сравнили результат двух или более…medium.com



Тернарные операторы

Что такое тернарные операторы? Во-первых, слово «тройной» относится к чему-то, состоящему из трех частей.

Подумайте, как вы могли бы применить принцип «Три части» к условному оператору в JavaScript. Вы, вероятно, уже поняли это, если видели изображение выше.

Да, именно так. У вас будет (1) условие, (2) оператор if, (3) else.
Давайте рассмотрим пример ниже.

условие? истинное условие : ложное условие

Если расположение тернарных операторов такое же, как показано выше, как мы можем превратить простой оператор if…else в тернарный оператор?

let age = 21;

let person = if (age > 20) {
  console.log("Can drink beer")
} else {
  console.log("Cannot drink beer")
}

console.log(person) // ??

если вы попытались решить ее только с помощью макета, представленного выше, отлично. Если нет, то все в порядке, потому что мы можем взглянуть на это вместе с ответом ниже.

let age = 21; 

(age > 20 ? 'Can drink beer' : 'Cannot drink beer')

В тернарном операторе вам сначала нужно указать условное выражение, за которым следует вопросительный знак «?».

?

Знак вопроса означает, что если условие истинно, вывести следующее и закончить его здесь.

:

Двоеточие указывает на то, что утверждение после «?» неверно, то выведите оператор после двоеточия «:».

В приведенном выше примере, поскольку возраст больше 21 года, после вопросительного знака «?» будет выведено «Можно пить пиво».