Урок 2 – Циклы и Условия: Принимаем Решения и Повторяемся (Без Сумасшествия) 🔄🤔
Добро пожаловать обратно, бесстрашный искатель приключений в JavaScript! Ты уже освоил(-а) переменные и функции, так что теперь настало время погрузиться в мир циклов и условных операторов—двух волшебных инструментов, которые помогут принимать решения и повторять задачи с лёгкостью. Думай о них как о заклинаниях “если” и “делай это снова” в твоей магической книге JavaScript!
Условия – Искусство Принимать Решения 🛤️
Условия позволяют твоему коду принимать решения в зависимости от ситуации, например, выбирать топпинг для пиццы по настроению.
Оператор if
Оператор if
— это твой “решатель” в JavaScript. Он проверяет условие и, если оно верно, выполняет указанное действие. Вот как это работает:
let погода = "солнечно";
if (погода === "солнечно") {
console.log("Пора надеть солнечные очки! 😎");
} else {
console.log("Возьми зонт! ☔️");
}
В этом примере:
if
проверяет, равна липогода
"солнечно"
. Если да, то выводится “Пора надеть солнечные очки!”.else
вступает в действие, если погода не солнечная, напоминая взять зонт.
Оператор else if
– Обработка Нескольких Случаев
Иногда погода не только солнечная или дождливая; может быть пасмурно или даже снежно. Здесь на помощь приходит else if
, позволяя обрабатывать несколько вариантов.
let погода = "пасмурно";
if (погода === "солнечно") {
console.log("Сегодня солнечный день! 😎");
} else if (погода === "пасмурно") {
console.log("Кажется, надвигаются облака. 🌥️");
} else {
console.log("Хм, лучше проверить прогноз! 🤔");
}
Этот пример проверяет несколько условий и выводит разные ответы в зависимости от погоды. else
здесь для того, чтобы подстраховаться на случай непредвиденного—например, внезапного урагана.
Циклы – Повторение Без Потери Здравого Смысла 🔁
Циклы здесь, чтобы спасти тебя от необходимости писать один и тот же код снова и снова. Это как поставить кофемашину на автоматическое пополнение чашки. Давай рассмотрим два самых популярных цикла в JavaScript: for
и while
.
Цикл for
Цикл for
отлично подходит для случаев, когда ты точно знаешь, сколько раз нужно что-то повторить. Вот его структура:
for (let i = 0; i < 5; i++) {
console.log("Привет, JavaScript!");
}
В этом примере:
let i = 0
запускает счётчик с нуля.i < 5
означает, что цикл будет продолжаться, покаi
меньше 5.i++
увеличиваетi
на 1 каждый раз, когда цикл выполняется.
Этот цикл выведет “Привет, JavaScript!” пять раз. Гораздо проще, чем писать это вручную пять раз, верно?
Цикл while
Цикл while
идеально подходит, когда ты не знаешь точно, сколько раз нужно повторить что-то—он продолжается, пока условие верно.
let чашкиКофе = 0;
while (чашкиКофе < 3) {
console.log("Наливаю ещё одну чашку ☕️");
чашкиКофе++;
}
Здесь, пока чашкиКофе
меньше 3, JavaScript будет наливать кофе. Так что, если ты готов к бессонной ночи, цикл while
поддержит тебя.
Оператор break
– Время Сделать Перерыв
Иногда нужно остановить цикл до его завершения—возможно, кофе уже достаточно, или ты нашёл то, что искал. Вот тут-то и пригодится break
.
for (let i = 0; i < 10; i++) {
if (i === 3) {
console.log("Нашёл! Останавливаем цикл.");
break;
}
console.log("Ищу...");
}
Этот цикл будет выводить “Ищу…” пока i
не достигнет 3, затем выведет “Нашёл!” и остановится.
Соберём Всё Вместе! 🛠️
Давай создадим небольшую программу, которая использует условия и циклы для решения задачи. Например: простой счётчик кофе, который останавливается, когда достигает твоей дневной нормы.
Задача: Ежедневный Счётчик Кофе
- Установи переменную
максЧашек
на свою дневную норму кофе (скажем, 5). - Напиши цикл
for
, который считает каждую выпитую чашку кофе. - Используй оператор
if
внутри цикла, чтобы проверить, достиг ли ты нормы. Если да, выведи “Ты выпил достаточно кофе!” и прерви цикл.
let максЧашек = 5;
for (let чашки = 1; чашки <= максЧашек; чашки++) {
console.log("Чашка " + чашки + " кофе. ☕️");
if (чашки === максЧашек) {
console.log("Ты выпил достаточно кофе!");
break;
}
}
Когда ты запустишь этот код, JavaScript будет считать каждую чашку и остановится, когда достигнет максимума.
Что Дальше?
Поздравляю! Ты только что освоил условия и циклы—две суперспособности, которые помогут тебе принимать умные решения и автоматизировать повторяющиеся задачи в коде. В следующем уроке мы погрузимся в массивы и объекты: контейнеры, в которых JavaScript хранит свои магические сокровища.
Жди Урок 3 – Массивы и Объекты: Твои Хранилища Данных!
Теперь иди и циклюй на здоровье! 🕺💃
Смотрите также
- Урок 6 – Делегирование событий: Эффективность на кончиках пальцев
- Урок 5 – Магия событий: Делаем страницы интерактивными
- Урок 4 – Манипуляция DOM: Управляем Элементами Страницы
- Урок 3 – Массивы и Объекты: Твои Сокровищницы Данных
- Открой Силу JavaScript – Путешествие для Начинающих (Плащ Не Требуется)