JavaScript, как и многие языки программирования, предлагает ряд возможностей для повторения набора инструкций или циклического выполнения блока кода. Циклы — фундаментальный аспект программирования, поскольку они позволяют разработчикам выполнять повторяющиеся задачи с минимальным кодом. В этой статье рассматриваются различные типы циклов, доступных в JavaScript, приводятся примеры их использования, а также подробное объяснение используемого кода.
1. Для цикла
Цикл for — это самый простой цикл в JavaScript. Это позволяет выполнять итерацию заданное количество раз и каждый раз выполнять блок кода. Основной синтаксис цикла for следующий:
//Metehan Homriş
for (initialization; condition; increment) {
// code to be executed
}
Оператор инициализации выполняется перед запуском цикла. Обычно он используется для инициализации переменной счетчика. Условие оценивается перед каждой итерацией цикла. Пока условие истинно, цикл будет продолжать выполняться. Как только условие становится ложным, цикл завершается. Оператор приращения выполняется после каждой итерации цикла. Обычно он используется для обновления переменной счетчика.
Например, следующий код использует цикл for для записи чисел от 0 до 9 в консоль:
//Metehan Homriş
for (let i = 0; i < 10; i++) {
console.log(i);
}
В этом примере мы инициализировали переменную счетчика i значением 0. Условие i < 10 оценивается перед каждой итерацией цикла. Пока i меньше 10, цикл будет продолжать выполняться. Оператор приращения i++ выполняется после каждой итерации, увеличивая значение i на 1. В результате цикл будет выполняться 10 раз, записывая в консоль числа от 0 до 9.
2. Цикл For-In
Цикл for-in используется для перебора свойств объекта. Основной синтаксис цикла for-in следующий:
for (variable in object) {
// code to be executed
}
Переменная используется для хранения текущего имени свойства итерируемого объекта. Объект — это объект, свойства которого повторяются.
Например, следующий код использует цикл for-in для записи свойств и значений объекта в консоль:
//Metehan Homriş
let person = {
name: "John",
age: 30,
job: "Developer"
};
for (let prop in person) {
console.log(prop + ": " + person[prop]);
}
В этом примере мы создали объект с именем person с тремя свойствами: name, age и job. Затем мы использовали цикл for-in для перебора свойств объекта. Переменная prop используется для хранения текущего имени свойства, и мы используем эту переменную для доступа к значению свойства с использованием нотации объект[свойство]. Мы записывали имя и значение свойства в консоль на каждой итерации.
3. Цикл for-of
Цикл for-of используется для перебора элементов итерируемого объекта, например массива или строки. Основной синтаксис цикла for-of следующий:
for (variable of object) {
// code to be executed
}
Переменная используется для хранения текущего элемента итерируемого объекта, через который выполняется итерация. Объект — это итерируемый объект, элементы которого повторяются.
Например, следующий код использует цикл for-of для вывода элементов массива на консоль:
//Metehan Homriş
let numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
console.log(number);
}
Здесь мы создали массив с именем numbers из пяти элементов. Затем мы использовали цикл for-of для перебора элементов массива. Переменная number используется для хранения текущего элемента массива, и мы используем эту переменную для доступа к значению элемента. На каждой итерации мы записывали значение текущего элемента в консоль.
4. Пока цикл
Цикл while используется для многократного выполнения блока кода до тех пор, пока выполняется заданное условие. Основной синтаксис цикла while следующий:
while (condition) {
// code to be executed
}
Условие оценивается перед каждой итерацией цикла. Пока условие истинно, цикл будет продолжать выполняться. Как только условие становится ложным, цикл завершается.
Например, следующий код использует цикл while для записи чисел от 0 до 9 в консоль:
//Metehan Homriş
let i = 0;
while (i < 10) {
console.log(i);
i++;
}
В этом примере мы инициализировали переменную счетчика i значением 0. Условие i < 10 оценивается перед каждой итерацией цикла. Пока i меньше 10, цикл будет продолжать выполняться. Затем мы использовали оператор приращения i++ для увеличения значения i на 1 после каждой итерации. В результате цикл будет выполняться 10 раз, выводя на консоль числа от 0 до 9.
5. Цикл Do-While
Цикл do-while похож на цикл while, но он гарантирует, что блок кода будет выполнен хотя бы один раз, независимо от условия. Основной синтаксис цикла do-while следующий:
do {
// code to be executed
} while (condition);
Условие оценивается после каждой итерации цикла. Пока условие истинно, цикл будет продолжать выполняться. Как только условие становится ложным, цикл завершается.
Например, следующий код использует цикл do-while, чтобы запрашивать у пользователя число до тех пор, пока он не введет число больше 10:
//Metehan Homriş
let number;
do {
number = parseInt(prompt("Enter a number greater than 10: "));
} while (number <= 10);
В этом блоке кода мы использовали цикл do-while, чтобы неоднократно запрашивать у пользователя число, пока он не введет число больше 10. Цикл будет выполняться по крайней мере один раз, поскольку код внутри цикла будет выполняться до того, как условие будет оценено. . Переменная number используется для хранения пользовательского ввода. Мы использовали функцию parseInt() для преобразования ввода из строки в целое число. Условие number <= 10 оценивается после каждой итерации цикла, и пока число, введенное пользователем, меньше или равно 10, цикл будет продолжать выполняться.
Циклы — это мощный инструмент в JavaScript, который можно использовать для выполнения широкого круга задач, от перебора массивов до запроса ввода данных пользователем. Каждый тип цикла имеет свой собственный вариант использования и может использоваться для решения различных типов задач. Понимание того, когда использовать каждый тип цикла, является важной частью того, чтобы стать опытным разработчиком JavaScript. Важно отметить, что также очень важно быть осторожным с циклами, поскольку бесконечные циклы могут привести к сбою браузера или программы или вызвать другие проблемы. Всегда полезно использовать счетчик или конкретное условие выхода, чтобы избежать бесконечных циклов.
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .
Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.
Автор Метехан Хомриш
