Циклы: for, while, do…while, for…of и for…in
Основы циклов: for, while, do…while и выбор между for…of и for…in для массивов и объектов.
«Циклы: for, while, do…while, for…of и for…in» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 2 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 3 уроков всего.
Введение
Цель: Выбирать подходящий цикл. Изучить for, while, do…while, а также понять, когда использовать for…of, а когда for…in.
- Циклы со счётчиком
- Циклы по условию
- Перебор значений и ключей
Основы цикла for
for идеально подходит, когда нужны индекс и условие остановки.
// Classic for: great for indexes
const nums = [2, 4, 6];
for (let i = 0; i < nums.length; i++) {
console.log("Index:", i, "Value:", nums[i]);
}
Основы цикла while
while сначала проверяет условие; убедитесь, что переменная цикла изменяется.
// while: run while a condition stays true
let count = 3;
while (count > 0) {
console.log("Countdown:", count);
count = count - 1;
}
console.log("Go!");
Основы do…while
do…while сначала выполняет тело, а затем проверяет условие; это полезно, когда один запуск должен произойти обязательно.
// do…while: runs the body at least once
let tries = 0;
do {
console.log("Attempt:", tries + 1);
tries = tries + 1;
} while (tries < 2);
for…of и for…in
for…of выдаёт значения; for…in выдаёт ключи и может включать унаследованные ключи.
// for…of: values of an iterable (arrays, strings, etc.)
// for…in: keys (property names)
const colors = ["red", "green", "blue"];
for (const value of colors) {
console.log("of value:", value);
}
for (const key in colors) {
console.log("in key:", key);
}
Советы по циклам
Советы:
- Предпочитайте for…of для массивов, чтобы получать значения напрямую.
- Используйте for…in для ключей объектов, но не для массивов.
- Избегайте бесконечных циклов: всегда обновляйте переменную цикла.
Проверка for…of и for…in
Быстрая проверка: прямое получение значений массива.
Повторение
Повторение: Используйте for для индексов, while — для циклов по условию, do…while — чтобы сначала выполнить один запуск, а затем проверить условие, и for…of — для значений массива.
Часто задаваемые вопросы
Урок «Циклы: for, while, do…while, for…of и for…in» бесплатный?
Да — полный текст урока «Циклы: for, while, do…while, for…of и for…in» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 3 уроков всего.
Чему я научусь в уроке «Циклы: for, while, do…while, for…of и for…in»?
Основы циклов: for, while, do…while и выбор между for…of и for…in для массивов и объектов. Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать JavaScript Academy?
Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 3.
Сколько времени занимает урок «Циклы: for, while, do…while, for…of и for…in»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке JavaScript Academy?
Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- if/else и switch — основные шаблоны
- Циклы: for, while, do…while, for…of и for…in
- Ранний возврат и защитные условия