Урок 24. Тернарный оператор JavaScript

Все уроки по JavaScript расположены здесь.

В духе использования синтаксиса short-hand (смотрите предыдущий урок) мы можем использовать тернарный оператор для упрощения if...else.

Взгляните на пример:

let isNightTime = true;

if (isNightTime) {
  console.log('Turn on the lights!');
} else {
  console.log('Turn off the lights!');
}

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

isNightTime ? console.log('Turn on the lights!') : console.log('Turn off the lights!');

В приведенном выше примере:

• Условие, isNightTime, находится перед ?.
• Два выражения следуют за ? и разделяются двоеточием:
• Если условие принимает значение true, выполняется первое выражение.
• Если условие принимает значение false, выполняется второе выражение.

Таким образом, тернарные операторы могут использоваться для условий, которые оцениваются как true или false.

Упражнения к уроку

1. let isLocked = false;
   
   if (isLocked) {
     console.log('You will need a key to open the door.');
   } else {
     console.log('You will not need a key to open the door.');
   }
   
   let isCorrect = true;
   
   if (isCorrect) {
     console.log('Correct!');
   } else {
     console.log('Incorrect!');
   }
   
   let favoritePhrase = 'Love That!';
   
   if (favoritePhrase === 'Love That!') {
     console.log('I love that!');
   } else {
     console.log("I don't love that!");
   }
   

   Сделайте рефакторинг кода выше (то есть измените его): первый if...else блок должен быть с тернарным оператором.
2. Измените второй блок if...else, чтобы был с тернарным оператором.
3. Измените третий блок if...else, чтобы был с тернарным оператором.