В этом руководстве вы узнаете об условном / тернарном операторе в JavaScript с помощью примеров.
Тернарный оператор может использоваться для замены if… else
оператора в определенных ситуациях. Прежде чем вы узнаете о тернарных операторах, обязательно ознакомьтесь с руководством по JavaScript if… else.
Что такое тернарный оператор?
Тернарный оператор оценивает условие и выполняет блок кода на основе условия.
Его синтаксис:
состояние ? выражение1: выражение2
Тернарный оператор оценивает условие теста.
- Если условие есть
true
, выражение1 выполняется. - Если условие есть
false
, выражение2 выполняется.
Тернарный оператор принимает три операнда, отсюда и название тернарного оператора. Он также известен как условный оператор.
Давайте напишем программу, чтобы определить, сдал ли студент экзамен, на основе полученных оценок.
Пример: тернарный оператор JavaScript
// program to check pass or fail let marks = prompt('Enter your marks :'); // check the condition let result = (marks>= 40) ? 'pass' : 'fail'; console.log(`You $(result) the exam.`);
Выход 1
Введите свои оценки: 78 Вы сдали экзамен.
Предположим, пользователь вводит 78 . Затем marks>= 40
проверяется условие, которое оценивается как true
. Итак, первое выражение pass
присваивается переменной результата.
Выход 2
Введите свои оценки: 35 Вы провалили экзамен.
Предположим, что использование входит 35 . Тогда условие marks>= 40
оценивается как false
. Итак, второе выражение fail
присваивается переменной результата.
Тернарный оператор используется вместо if… else
В JavaScript тернарный оператор может использоваться для замены определенных типов if… else
операторов. Например,
Вы можете заменить этот код
// check the age to determine the eligibility to vote let age = 15; let result; if (age>= 18) ( result = "You are eligible to vote."; ) else ( result = "You are not eligible to vote yet."; ) console.log(result);
с участием
// ternary operator to check the eligibility to vote let age = 15; let result = (age>= 18) ? "You are eligible to vote." : "You are not eligible to vote yet"; console.log(result);
Вывод обеих программ будет одинаковым.
Вывод
Вы еще не имеете права голосовать.
Вложенные тернарные операторы
Вы также можете вложить один тернарный оператор как выражение в другой тернарный оператор. Например,
// program to check if number is positive, negative or zero let a = 3; let result = (a>= 0) ? (a == 0 ? "zero" : "positive") : "negative"; console.log(`The number is $(result).`);
Вывод
Число положительное.
Примечание . По возможности следует избегать использования вложенных тернарных операторов, поскольку они затрудняют чтение кода.