Учебное пособие по выражению if в JavaScript для тернарного оператора

Это руководство поможет вам узнать, как заменить if/else оператор более кратким сокращенным синтаксисом, называемым тернарным оператором.

Условный оператор, также известный как тернарный оператор, представляет собой альтернативную форму if/else оператора, которая помогает вам писать блоки условного кода в более сжатой форме.

Синтаксис условного оператора выглядит так:

conditional ? expression_when_true : expression_when_false;

базовый синтаксис условного оператора

Во-первых, вам нужно написать условное выражение, которое оценивается как true или false. Если выражение возвращает истину, JavaScript выполнит код, который вы написали слева от оператора двоеточия (:), когда он вернет ложь, будет выполнен код справа от оператора двоеточия.

Чтобы понять, как это работает, давайте сравним его с обычным if/else утверждением. Допустим, у вас есть небольшая программа, которая выставляет разные оценки за экзамен в зависимости от вашей оценки на экзамене:

  • Если ваша оценка выше 80, вы выставляете оценку «А».
  • В противном случае вы присваиваете оценку «B».

Вот один из способов написать программу:

let score = 85;
let grade;
if(score >= 80){
    grade = "A";
} else {
    grade = "B";
}

console.log(`Your exam grade is ${grade}`);

Обычный оператор if / else

В качестве альтернативы вы можете написать приведенный выше код с помощью тернарного оператора следующим образом:

let score = 85;
let grade = score >= 80 ? "A" : "B";

console.log(`Your exam grade is ${grade}`);

Тернарный оператор, заменяющий оператор if / else

Вот и все. Сокращение тернарного оператора выглядит более лаконичным и короче, чем обычный if/else оператор.

Но что, если ваш код требует нескольких if/else операторов? Что, если вы добавите к оценке оценки «C» и «D»?

let score = 85;
let grade;
if(score >= 80){
    grade = "A";
} else if (score >= 70) {
    grade = "B";
} else if (score >= 60) {
    grade = "C";
} else {
    grade = "D";
}

console.log(`Your exam grade is ${grade}`);

Несколько операторов if / else в программе

Без проблем! Вы можете написать несколько тернарных операторов, чтобы заменить приведенный выше код следующим образом:

let score = 85;
let grade = score >= 80 ? "A" 
  : score >= 70 ? "B" 
  : score >= 60 ? "C" 
  : "D";

console.log(`Your exam grade is ${grade}`);

Несколько тернарных операторов в действии

Однако не рекомендуется заменять несколько if/else операторов несколькими тернарными операторами, потому что это затрудняет чтение кода в будущем. В таких случаях лучше придерживаться одного из операторов if/else или switch.

Спасибо, что прочитали это руководство

Надеемся это помогло вам понять, как работает тернарный оператор.

Читайте также

Комментарии ()

    Написать комментарий