TypeScript - If...Else Statement: A Beginner's Guide

Здравствуйте, будущий супергерой кодирования! ? Сегодня мы погрузимся в один из самых fundamental concepts в программировании: оператор if...else в TypeScript. Представьте его как decision-maker в вашем коде, как мудрую сову, которая помогает вашей программе выбрать правильный путь. Давайте отправимся в это увлекательное путешествие вместе!

TypeScript - If Else Statement

Что такое оператор if...else?

Прежде чем мы углубимся в детали, давайте поймем, что такое оператор if...else. Представьте, что вы находитесь в冰淇淋ной мастерской и должны решить, между шоколадом и ванилью. Ваш процесс мышления может быть таким:

"Если巧克力 доступен, я съем巧克力. В противном случае (else), я съем ваниль."

Именно так работает оператор if...else в программировании! Он позволяет вашему коду принимать решения на основе определенных условий.

Синтаксис

Теперь давайте посмотрим, как мы пишем оператор if...else в TypeScript. Не волнуйтесь, если это покажется странным в начале — мы разберем это шаг за шагом!

if (condition) {
// Код для выполнения, если условие верно
} else {
// Код для выполнения, если условие ложно
}

Давайте разберем это:

  1. if: Этот ключевой слова начинает оператор.
  2. (condition): Здесь вы ставите свое условие. Это как задавать вопрос.
  3. { }: Эти фигурные скобки содержат код для выполнения, если условие верно.
  4. else: Этот ключевой слова introducesальтернативный вариант.
  5. { }: Эти фигурные скобки содержат код для выполнения, если условие ложно.

Диаграмма流程

Чтобы visualize, как работает оператор if...else, давайте посмотрим на простую диаграмму:

[Start]
|
v
[Check condition]
/           \
(Yes)        (No)
|             |
v             v
[Execute true]  [Execute false]
|             |
v             v
[Continue]

Эта диаграмма показывает, как ваша программа принимает решение, выбирая путь в зависимости от того, верно или ложно условие.

Примеры

Теперь давайте погрузимся в реальные примеры, чтобы увидеть, как работают операторы if...else в действии!

Пример 1: Решение о冰淇淋е

Давайте закодируем наше решение о冰淇淋е из прошлого:

let chocolateAvailable: boolean = true;

if (chocolateAvailable) {
console.log("Great! I'll have chocolate ice cream.");
} else {
console.log("I guess I'll have vanilla ice cream then.");
}

В этом примере:

  • Мы объявляем переменную chocolateAvailable и устанавливаем ее в true.
  • Оператор if проверяет, является ли chocolateAvailable истинным.
  • Поскольку это так, код внутри первой пары фигурных скобок будет выполнен.
  • Консоль выведет: "Great! I'll have chocolate ice cream."

Попробуйте изменить chocolateAvailable на false и посмотрите, что произойдет!

Пример 2: Приветствие в зависимости от времени

Давайте создадим программу, которая приветствует вас по-разному в зависимости от времени суток:

let currentHour: number = 14; // 2 PM

if (currentHour < 12) {
console.log("Good morning!");
} else if (currentHour < 18) {
console.log("Good afternoon!");
} else {
console.log("Good evening!");
}

Вот что происходит:

  • Мы устанавливаем currentHour в 14 (2 PM).
  • Первое условие currentHour < 12 ложно, поэтому мы переходим к следующему условию.
  • currentHour < 18 истинно, поэтому "Good afternoon!" выводится в консоль.
  • Последний блок else пропускается.

Пример 3: Калькулятор оценок

Давайте создадим простой калькулятор оценок:

let score: number = 85;
let grade: string;

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

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

В этом примере:

  • Мы устанавливаем score в 85.
  • Мы используем несколько операторов if...else if, чтобы проверить оценку против различных диапазонов.
  • Поскольку 85 больше или равно 80, оценка устанавливается в "B".
  • Наконец, мы выводим оценку в консоль.

Common Methods and Their Usage

Вот таблица.common методов и операторов, которые вы можете использовать с операторами if...else:

Method/Operator Description Example
=== Strict equality if (x === 5)
!== Strict inequality if (y !== 10)
> Greater than if (age > 18)
< Less than if (temperature < 0)
>= Greater than or equal to if (score >= 60)
<= Less than or equal to if (quantity <= 0)
&& Logical AND if (x > 0 && x < 10)
|| Logical OR if (day === "Sat" || day === "Sun")
! Logical NOT if (!isLoggedIn)

Заключение

Поздравления! Вы только что сделали свои первые шаги в мир условного программирования с операторами if...else в TypeScript. Помните, что эти операторы как светофоры в вашем коде, направляющие вашу программу по различным путям в зависимости от условий, которые вы устанавливаете.

Пока вы продолжаете свое coding journey, вы найдете себя, используя операторы if...else постоянно. Они невероятно универсальны и мощны. Так что продолжайте практиковаться, и скоро вы будете принимать решения в своем коде так же легко, как выбирать между шоколадом и ванильным冰淇淋ом!

Счастливого кодирования и помните — в программировании, как и в жизни, все зависит от правильного выбора! ??

Credits: Image by storyset