JavaScript — это мощный и эффективный язык программирования, предоставляющий программистам множество возможностей для создания понятного и эффективного кода. Тернарный оператор является одним из таких вариантов. Разработчики могут создавать короткие фрагменты кода, используя тернарный оператор, который является сокращенной версией оператора if-else.

В этой статье мы рассмотрим определение, работу и приложения тернарного оператора. Мы также приведем несколько примеров, чтобы показать, как его можно применять в реальных ситуациях.

Что такое тернарный оператор?

Тернарный оператор — это сокращенная версия оператора if-else. Это условный оператор, который принимает три операнда: условие, значение, которое должно быть возвращено, если условие истинно, и значение, которое должно быть возвращено, если условие ложно.

Тернарный оператор записывается с использованием следующего синтаксиса:

condition ? valueIfTrue : valueIfFalse

Сначала оценивается условие, и если оно истинно, возвращается valueIfTrue . В противном случае возвращается valueIfFalse .

Тернарный оператор можно использовать как отдельный оператор или как часть выражения. Он часто используется в ситуациях, когда оператор if-else был бы слишком многословным.

Как работает тернарный оператор?

Тернарный оператор работает, оценивая условие и возвращая одно из двух значений в зависимости от того, является ли условие истинным или ложным. Вот простой пример:

let age = 18;
let isAdult = age >= 18 ? true : false;

В этом примере условие равно age >= 18, что верно, поскольку значение age равно 18. Следовательно, тернарный оператор возвращает true, а переменной isAdult присваивается значение true.

Если бы условие было ложным, тернарный оператор вернул бы значение false, а переменной isAdult было бы присвоено значение false.

Чем полезен тернарный оператор?

Благодаря тернарному оператору разработчики могут писать четкий и лаконичный код. Когда условия просты, а оператор if-else привел бы к слишком многословному коду, его можно использовать для замены этих операторов.

Значение результата может потребоваться присвоить переменной или использовать как часть выражения, и в этом случае полезен тернарный оператор. Тернарный оператор можно включать в выражения, поскольку он возвращает значение, что приводит к сокращению кода.

Примеры тернарного оператора на практике

Вот несколько примеров того, как тернарный оператор можно использовать на практике:

Пример 1: Проверка нулевых значений

let name = null;
let greeting = "Hello " + (name ? name : "stranger") + "!";
console.log(greeting); // "Hello stranger!"

В этом примере тернарный оператор используется для проверки того, является ли переменная name нулевой. Если он равен нулю, тернарный оператор возвращает строку «незнакомец». В противном случае возвращается значение name. Полученная строка затем используется для создания приветствия.

Пример 2: переключение логического значения

let isToggled = true;
isToggled = isToggled ? false : true;
console.log(isToggled); // false

В этом примере тернарный оператор используется для переключения значения переменной isToggled. Если значение равно true, тернарный оператор возвращает false. В противном случае возвращается true. Полученное значение затем присваивается переменной isToggled.

Пример 3: Возврат значения функции

function getGreeting(time) {
  return time >= 12 ? "Good afternoon" : "Good morning";
}

console.log(getGreeting(15)); // "Good afternoon"
console.log(getGreeting(9)); // "Good morning"

Функция getGreeting() в этом примере использует параметр времени, чтобы определить время до или после полудня, а затем возвращает соответствующее приветствие. Time >= 12 оценивается с помощью тернарного оператора, который возвращает либо “Good afternoon”, либо “Good morning” в зависимости от результата оценки. Затем функция возвращает результирующее значение.

И это все. Получайте удовольствие от использования тернарного оператора со своими новыми знаниями. Адиос 👋