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

1️⃣ Как кратко ответить

Тернарный оператор в JavaScript — это сокращенная форма условного оператора if-else, которая позволяет выполнить одно из двух выражений в зависимости от условия. Синтаксис: условие ? выражение1 : выражение2. Если условие истинно, выполняется выражение1, иначе — выражение2.

2️⃣ Подробное объяснение темы

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

Синтаксис

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

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

• условие: Это выражение, которое оценивается как истинное или ложное.
• выражение1: Это выражение, которое будет выполнено, если условие истинно.
• выражение2: Это выражение, которое будет выполнено, если условие ложно.

Пример использования

Рассмотрим пример, где мы определяем, является ли число четным или нечетным:

let number = 4;
let result = (number % 2 === 0) ? 'Четное' : 'Нечетное';
console.log(result); // Вывод: Четное

Объяснение кода:

1. let number = 4;

   • Объявляем переменную number и присваиваем ей значение 4.

2. let result = (number % 2 === 0) ? 'Четное' : 'Нечетное';

   • Используем тернарный оператор для проверки, является ли число четным.
   • number % 2 === 0 — условие, проверяющее, делится ли число на 2 без остатка.
   • Если условие истинно (число четное), переменной result присваивается строка 'Четное'.
   • Если условие ложно (число нечетное), переменной result присваивается строка 'Нечетное'.

3. console.log(result);

   • Выводим значение переменной result в консоль.

Зачем это нужно

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

Где применяется

Тернарный оператор широко используется в JavaScript для:

• Условного присваивания значений переменным.
• Упрощения возврата значений из функций.
• Встраивания простых условий в JSX при работе с React.

Пример в контексте AQA

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

function getExpectedResult(input) {
    return (input > 0) ? 'Положительное' : 'Неположительное';
}
​
let testInput = -5;
let expectedResult = getExpectedResult(testInput);
console.log(expectedResult); // Вывод: Неположительное

Объяснение кода:

1. function getExpectedResult(input) {...}

   • Определяем функцию getExpectedResult, которая принимает один параметр input.

2. return (input > 0) ? 'Положительное' : 'Неположительное';

   • Используем тернарный оператор для возврата строки 'Положительное', если input больше 0, и 'Неположительное' в противном случае.

3. let testInput = -5;

   • Объявляем переменную testInput и присваиваем ей значение -5.

4. let expectedResult = getExpectedResult(testInput);

   • Вызываем функцию getExpectedResult с testInput и сохраняем результат в переменной expectedResult.

5. console.log(expectedResult);

   • Выводим значение expectedResult в консоль.