JavaScript
  • 🧑‍💻Full-Stack Web Developer
  • 📚Теорія
    • 1️⃣Змінні і типи
      • Знайомство з JavaScript
      • Інструменти розробника
      • Підключення скрипту
      • Основи синтаксису
      • Змінні і типи
      • Взаємодія з користувачем
      • Основні оператори
      • Числа
      • Рядки
      • Логічні операції
    • 2️⃣Розгалудження і цикли
      • Розгалуження
      • Тернарний оператор
      • Інструкція switch
      • Область видимості
      • Цикли
    • 3️⃣Масиви
      • Масиви
      • Ітерація по масиву
      • Присвоєння за посиланням і значенням
      • Методи масиву
    • 4️⃣Функції
      • Функції
      • Стек викликів
    • 5️⃣Обʼєкти
      • Обʼєкти
      • Перебирання обʼєкта
      • Масив обʼєктів
      • Операції spread і rest
      • Деструктуризація обʼєктів
      • Деструктуризація масивів
      • Паттерн "обʼєкт параметрів"
    • 6️⃣Колбек-функції, стрілкові функції, перебір масиву
      • Колбек-функції
      • Метод forEach
      • Стрілкові функції
      • Підходи до написання коду
      • Чисті функції
    • 7️⃣Перебираючі методи масивів
      • Перебираючі методи масиву
      • Метод map()
      • Метод flatMap()
      • Метод filter()
      • Метод find()
      • Метод findIndex()
      • Методи every() і some()
      • Метод reduce()
      • Метод sort()
      • Ланцюжки методів
    • 8️⃣Контекст, прототипи та класи
      • Контекст виконання функції
      • Правила визначення this
      • Методи функцій
      • Об'єктно-орієнтоване програмування
      • Прототипне наслідування
    • Класи
  • 👷Практика
    • 👷Практика
    • Page 1
  • Про мене
    • Про мене
Powered by GitBook
On this page
  1. Теорія
  2. Розгалудження і цикли

Тернарний оператор

PreviousРозгалуженняNextІнструкція switch

Last updated 1 year ago

Тернарний оператор - це спеціальний оператор, який має три операнди і дозволяє створювати короткий умовний вираз зі зменшеним обсягом коду. По суті він є короткою заміною if...else.

умова ? вираз1_коли_умова_виконується : вираз2_коли_умова_НЕ_виконується

Порядок опрацювання тернарного оператора:

  • умова обчислюється і приводиться до булевого значення (true або false).

  • Якщо умова приводиться до true, виконується вираз після ?.

  • Якщо умова приводиться до false, виконується вираз після :.

  • Значення отриманого виразу повертається як результат роботи тернарного оператора.

Напишемо код перевірки віку з використанням інструкції if...else.

let isAdult;
let age = 20;
if (age >= 18) {
  isAdult = "Повнолітній";
} else {
  isAdult = "Не повнолітній";
}

console.log(isAdult);

Проведемо рефакторинг цього коду з використанням тернарного оператора:

let age = 20;
let isAdult = (age >= 18) ? 'Повнолітній' : 'Не повнолітній';

console.log(isAdult);  // Виведе 'Повнолітній', оскільки age >= 18 є true

Розглянемо ще один приклад пошуку більшого числа.

let result;
let value1 = 21;
let value2 = 32;

if (value1 >= value2) {
  result = value1;
} else {
  result = value2;
}

console.log(result);

Рефакторинг з використанням тернарного оператора:

let value1 = 21;
let value2 = 32;

let result = value1 >= value2 ? value1 : value2;

console.log(result);

Тернарний оператор використовують у простих операціях присвоєння або повернення. Для складних конструкцій його не використовують - це погана практика через важкість читання коду і можливі неочікуванні помилки роботи програми.

📚
2️⃣