Ви вже вивчили оператори if/else і розумієте, як використовувати їх для прийняття рішень.
Тепер ви натрапили на тернарний оператор, який є скороченою формою запису оператора if/else.
Це залишило вас трохи в розгубленості. Ви не впевнені, коли варто використовувати if/else, а коли тернарний оператор. Чи існують якісь правила чи найкращі практики, чи це просто питання особистих вподобань?
Ви думаєте про це, тому що хочете розвивати хороші звички кодування зараз, а не виправляти їх пізніше.
Дозвольте допомогти вам вирішити, як обирати між цими двома варіантами в різних ситуаціях.
Використовуйте if/else, коли потрібно виконати дії, а не обчислювати значення. Уникайте використання тернарного оператора, якщо вам не потрібен результат обчислення.
let userRole = "admin";
if (userRole === "admin") {
console.log("Доступ до панелі адміністратора надано.");
} else {
console.log("Доступ заборонено.");
}
Тернарний оператор найкраще використовувати для виразів — ситуацій, коли потрібно обчислити значення на основі умови:
let userRole = "admin";
let accessMessage =
userRole === "admin" ? "Доступ до панелі адміністратора надано." : "Доступ заборонено.";
console.log(accessMessage);
Більшість розробників уникають вкладених тернарних операторів, оскільки вони ускладнюють читання та налагодження коду.
let userRole = "editor";
let accessMessage =
userRole === "admin"
? "Доступ адміністратора надано."
: userRole === "editor"
? "Доступ редактора надано."
: "Доступ заборонено.";
console.log(accessMessage);
Як бачите, код швидко стає важким для читання через вкладеність. Замість цього використовуйте if/else для таких випадків.
let userRole = "editor";
let accessMessage;
if (userRole === "admin") {
accessMessage = "Доступ адміністратора надано.";
} else if (userRole === "editor") {
accessMessage = "Доступ редактора надано.";
} else {
accessMessage = "Доступ заборонено.";
}
console.log(accessMessage);
Рекомендації
- Використовуйте
if/else, коли виконуєте дії або маєте складні умови. - Використовуйте тернарний оператор для коротких, простих обчислень значень.
- Уникайте вкладених тернарних операторів, щоб зберегти читаність.
Дотримуйтесь цих рекомендацій поки що. З набуттям досвіду ви розвинути свої власні вподобання щодо того, що вам зручніше і ефективніше.
Оригінал опубліковано на https://tahajiru.com.
Перекладено з: If/Else vs Ternary: When to Use Each in Your JavaScript Code