15 KiB

Raw Blame History Unescape Escape

30 Days Of JavaScript

_{Автор:
Asabeneh Yetayeh

Январь, 2020}

📔 День 4
- Условные операторы
- 💻 Упражнения

📔 День 4

Условные операторы

Условные операторы используются для принятия решения на основе различных условий. По умолчанию операторы в скрипте JavaScript выполняются последовательно сверху вниз. Если логика обработки требует этого, последовательный поток выполнения может быть изменен двумя способами:

Условное выполнение: блок из одного или нескольких операторов будет выполнен, если определенное выражение истинно
Повторное выполнение: блок из одного или нескольких операторов будет выполняться повторно, если определенное выражение истинно. В этом разделе мы рассмотрим операторы if, else, else if. Здесь будут полезны сравнение и логический оператор, который мы изучили в предыдущих разделах.

Условия могут быть реализованы следующими способами:

if
if else
if else if else
switch
ternary operator

if

В JavaScript и других языках программирования ключевое слово if используется, чтобы проверить, выполняется ли условие и выполнить код блока. Чтобы создать условие if, нам нужно ключевое слово if, условие внутри скобки и блок кода внутри фигурной скобки ({}).

// синтаксис
if (condition) {
  //эта часть кода работает для true состояния
}

Пример:

let num = 3;
if (num > 0) {
  console.log(`${num} это положительное число`);
}
//  3 это положительное число

let isRaining = true;
if (isRaining) {
  console.log("Remember to take your rain coat.");
}

Как видно из вышеприведенного условия, 3 больше 0 и является положительным числом. Условие было выполнено, и код блока был выполнен. Однако, если условие ложно, мы не видим результат. То же самое касается второго условия, если isRaining равен false, блок if не будет выполнен, и мы не увидим вывод. Чтобы увидеть результат ложного условия, у нас должен быть еще один блок, который будет else.

if else

Если условие истинно, первый блок будет выполнен, если нет, будет выполнено условие else.

// синтаксис
if (condition) {
  // эта часть кода работает для истинного состояния
} else {
  // эта часть кода выполняется для ложного условия
}

let num = 3;
if (num > 0) {
  console.log(`${num} это положительное число`);
} else {
  console.log(`${num} отрицательное число`);
}
//  3 это положительное число

num = -3;
if (num > 0) {
  console.log(`${num} это положительное число`);
} else {
  console.log(`${num} это отрицательное число`);
}
//  -3 это отрицательное число

let isRaining = true;
if (isRaining) {
  console.log("Тебе нужен плащ от дождя..");
} else {
  console.log("Не нужно пальто от дождя.");
}
// Тебе нужен плащ от дождя.

isRaining = false;
if (isRaining) {
  console.log("Тебе нужен плащ от дождя..");
} else {
  console.log("Не нужно пальто от дождя.");
}
// Не нужно пальто от дождя.

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

if else if else

В нашей повседневной жизни мы принимаем решения ежедневно. Мы принимаем решение не проверяя одно или два условия, а принимаем решения на основе нескольких условий. Как и в нашей повседневной жизни, программирование также полно условий. Мы используем else if, когда у нас есть несколько условий.

// синтаксис
if (condition) {
  // код
} else if (condition) {
  // код
} else {
  // код
}

Пример:

let a = 0;
if (a > 0) {
  console.log(`${a} это положительное число`);
} else if (a < 0) {
  console.log(`${a} это отрицательное число`);
} else if (a == 0) {
  console.log(`${a} это 0`);
} else {
  console.log(`${a} это не число`);
}

// if else if else
let weather = "солнечно";
if (weather === "дождливо") {
  console.log("Вам нужен плащ от дождя.");
} else if (weather === "облачно") {
  console.log("Может быть холодно, тебе нужен пиджак.");
} else if (weather === "солнечно") {
  console.log("Выйди свободным.");
} else {
  console.log("Не нужно пальто от дождя.");
}

Switch

Переключатель является альтернативой для if else if else else. Оператор switch начинается с ключевого слова switch, за которым следуют скобки и блок кода. Внутри блока кода у нас будут разные случаи. Case case запускается, если значение в скобках оператора switch совпадает с case vale. Перерыв должен закончиться, и он не снижается после того, как условие выполнено. Блок по умолчанию выполняется, если все случаи не удовлетворяют условию.

switch (caseValue) {
  case 1:
    // код
    break;
  case 2:
    // код
    break;
  case 3:
  // код
  default:
  // код
}

let weather = "облачно";
switch (weather) {
  case "дождливо":
    console.log("Вам нужен плащ от дождя.");
    break;
  case "облачно":
    console.log("Может быть холодно, тебе нужен пиджак.");
    break;
  case "солнечно":
    console.log("Выйди свободно.");
    break;
  default:
    console.log("Не нужно пальто от дождя.");
}

// Switch больше примеров
let dayUserInput = prompt("Какой сегодня день ?");
let day = dayUserInput.toLowerCase();

switch (day) {
  case "понедельник":
    console.log("Сегодня понедельник");
    break;
  case "вторник":
    console.log("Сегодня вторник");
    break;
  case "среда":
    console.log("Сегодня среда");
    break;
  case "четверг":
    console.log("Сегодня четверг");
    break;
  case "пятница":
    console.log("Сегодня пятница");
    break;
  case "суббота":
    console.log("Сегодня суббота");
    break;
  case "воскресенье":
    console.log("Сегодня воскресенье");
    break;
  default:
    console.log("Это не день недели.");
}

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

Другой способ написания условных выражений - использование тернарных операторов. Мы рассмотрели это в других разделах, но мы также должны упомянуть об этом здесь.

let isRaining = true;
isRaining
  ? console.log("You need a rain coat.")
  : console.log("No need for a rain coat.");

🌕 Вы необыкновенный и у вас есть замечательный потенциал. Вы только что выполнили четвертый день испытаний и прошли четыре шага на пути к успеху. Теперь сделайте несколько упражнений для вашего мозга и ваших мышц.

💻 Упражнения

Упражнения: уровень 1

Получить пользовательский ввод с помощью prompt("Введите свой возраст:"). Если пользователю 18 лет или больше, оставьте отзыв: вы достаточно взрослый, чтобы ездить, но если нет, то 18 - отзывайте, чтобы ждать те годы, которые он должен был ждать.
```
Введите свой возраст: 30
Вы достаточно взрослый, чтобы водить.

Введите свой возраст: 15
Вам осталось 3 года до вождения.
```
Сравните значения myAge и yourAge, используя if… else. На основе сравнения журнала для консоли, кто старше (я или вы). Используйте prompt("Введите свой возраст:"), чтобы получить возраст в качестве входных данных.
```
Введите свой возраст: 30
Ты на 5 лет старше меня.
```
Если a больше, чем b, вернуть «a больше, чем b», иначе «a меньше, чем b». Попробуй реализовать в пути
- используя if else
- тернарный оператор.
```
let a = 4;
let b = 3;
```
```
4 больше 3
```
Четные числа делятся на 2, а остаток равен нулю. Как проверить, является ли число четным или нет с помощью JavaScript?
```
Введите число: 2
2 - четное число

Введите число: 9
9 является нечетным числом.
```

Упражнения: уровень 2

Напишите код, который может дать оценку студентам в соответствии с их оценками:
- 80-100, A
- 70-89, B
- 60-69, C
- 50-59, D
- 0-49, F
Проверьте, является ли сезон осенью, зимой, весной или летом. Если пользовательский ввод:
- сентябрь, октябрь или ноябрь, сезон осень.
- декабрь, январь или февраль, сезон зима.
- март, апрель или май, сезон весна
- июнь, июль или август, сезон лето

Проверьте, является ли день выходным или рабочим днем. Ваш сценарий примет день как вход.

Какой сегодня день? Суббота
Суббота - выходной день.

Какой сегодня день? СубБоТта
Суббота - выходной день.

Какой сегодня день? Пятница
Пятница рабочий день.

Какой сегодня день? ПяТНИца
Пятница рабочий день.

Упражнения: уровень 3

Напишите программу, которая сообщает количество дней в месяце.

Введите месяц: январь
В январе 31 день.

Введите месяц: ЯНВАРЬ
В январе 31 день

Введите месяц: февраль
Февраль имеет 28 дней.

Введите месяц: феВРаль
Февраль имеет 28 дней.

🎉 ПОЗДРАВЛЯЕМ ! 🎉

<< День 3 | День 5 >>

15 KiB Raw Blame History Unescape Escape