TypeScript - If...Else Statement: A Beginner's Guide
Здравствуйте, будущий супергерой кодирования! ? Сегодня мы погрузимся в один из самых fundamental concepts в программировании: оператор if...else в TypeScript. Представьте его как decision-maker в вашем коде, как мудрую сову, которая помогает вашей программе выбрать правильный путь. Давайте отправимся в это увлекательное путешествие вместе!
Что такое оператор if...else?
Прежде чем мы углубимся в детали, давайте поймем, что такое оператор if...else. Представьте, что вы находитесь в冰淇淋ной мастерской и должны решить, между шоколадом и ванилью. Ваш процесс мышления может быть таким:
"Если巧克力 доступен, я съем巧克力. В противном случае (else), я съем ваниль."
Именно так работает оператор if...else в программировании! Он позволяет вашему коду принимать решения на основе определенных условий.
Синтаксис
Теперь давайте посмотрим, как мы пишем оператор if...else в TypeScript. Не волнуйтесь, если это покажется странным в начале — мы разберем это шаг за шагом!
if (condition) {
// Код для выполнения, если условие верно
} else {
// Код для выполнения, если условие ложно
}
Давайте разберем это:
-
if
: Этот ключевой слова начинает оператор. -
(condition)
: Здесь вы ставите свое условие. Это как задавать вопрос. -
{ }
: Эти фигурные скобки содержат код для выполнения, если условие верно. -
else
: Этот ключевой слова introducesальтернативный вариант. -
{ }
: Эти фигурные скобки содержат код для выполнения, если условие ложно.
Диаграмма流程
Чтобы 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