логотип PurpleSchool
логотип PurpleSchool

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

Автор

Дмитрий Нечаев

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

Синтаксис

условие ? выражение1 : выражение2

Если условие истинно, то возвращается выражение1, если ложно - выражение2.

Примеры

Рассмотрим примеры использования тернарного оператора:

const age = 20;
const message = age >= 18 ? "Совершеннолетний" : "Несовершеннолетний";
console.log(message); // Выведет: "Совершеннолетний"

В этом примере, если возраст age больше или равен 18, будет возвращена строка "Совершеннолетний", иначе - "Несовершеннолетний".

Вложенные тернарные операторы

Тернарные операторы могут быть вложенными для более сложных условий:

const score = 75;
const result = score >= 50 ? (score >= 80 ? "Отлично" : "Хорошо") : "Неудовлетворительно";
console.log(result); // Выведет: "Хорошо"

В этом примере, если score больше или равен 50, тогда, если больше или равен 80 - "Отлично", иначе - "Хорошо". В противном случае - "Неудовлетворительно".

Преимущества использования тернарного оператора

  1. Краткость кода: Тернарный оператор позволяет сократить объем кода по сравнению с использованием конструкции if...else.
  2. Читаемость: Он делает код более читаемым, особенно в случаях, когда условие и результат являются простыми.

Заключение

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

Spread в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие reset в JavaScriptСобытие scroll в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний