Типы циклов в JavaScript

Что же такое циклы?

Циклы используются в JavaScript для выполнения повторяющихся задач на основе условия. Условия обычно возвращают true или false. Цикл будет выполняться до тех пор, пока определенное условие не станет ложным.
Возникает вопрос, сколько типов циклов доступно в JS,
Давайте обсудим

оператор for

Цикл for повторяется до тех пор, пока заданное условие не станет ложным. Цикл for в JavaScript похож на цикл for в Java и C.

Цикл for имеет следующий синтаксис:

for (initialExpression; conditionExpression; incrementExpression){
   // code block to be executed
 }
Войти в полноэкранный режим Выйти из полноэкранного режима

здесь,

Пример

 for(let i=1; i<=5; i++) {
    console.log("The number for loop" + i );
 }

 // output:
 // "The number for loop 1" 
 // "The number for loop 2" 
 // "The number for loop 3" 
 // "The number for loop 4"
 // "The number for loop 5"

Войти в полноэкранный режим Выход из полноэкранного режима

do…while

Оператор do…while создает цикл, который выполняет указанный оператор до тех пор, пока условие проверки не станет ложным. Условие оценивается после выполнения оператора, в результате чего указанный оператор выполняется как минимум один раз.

Оператор do…while выглядит следующим образом:

do
  statement
while (condition);

Вход в полноэкранный режим Выход из полноэкранного режима

здесь,
Сначала выполняется тело цикла. Затем оценивается условие. Если условие равно true, тело цикла внутри оператора do выполняется снова. Условие оценивается еще раз.
Если условие оценивается как true, тело цикла внутри оператора do выполняется снова. Этот процесс продолжается до тех пор, пока условие не станет ложным. Тогда цикл останавливается.

Пример

var result = '';
var i = 0;

do {
  i += 1;
  result += i + ' ';
}
while (i > 0 && i < 5);
console.log(result);

 // output

   //  '1 2 3 4 5 '

Вход в полноэкранный режим Выход из полноэкранного режима

оператор while

Самый простой цикл в JavaScript – это цикл while, который будет рассмотрен в этой главе. Целью цикла while является многократное выполнение оператора или блока кода до тех пор, пока выражение истинно. Как только выражение становится ложным, цикл завершается.

Оператор while выглядит следующим образом:

while (condition)
  statement
Войти в полноэкранный режим Выход из полноэкранного режима

Здесь,
цикл while оценивает условие внутри круглой скобки ().
Если условие равно true, выполняется код внутри цикла while. Условие оценивается снова.
Этот процесс продолжается до тех пор, пока условие не станет ложным. Когда условие становится ложным, цикл останавливается.

пример

let i = 1, n = 5;

while (i <= n) {
    console.log(i);
    i += 1;
}

 // output
 // 1
 // 2
 // 3
 // 4
 // 5

Вход в полноэкранный режим Выход из полноэкранного режима

оператор for…in

for…in – это важный цикл для JavaScript, поскольку он перебирает все перечислимые свойства объекта JavaScript. Другими словами, если у нас есть объект, мы можем прочитать все значения, которые имеет объект, используя цикл for…in.
for…in очень полезен, если у нас есть объект, о котором мы ничего не знаем, и это позволяет нам перебирать свойства и принимать решения. Это часто случается при вызове сервера. Кроме того, это упрощает использование прототипов, поскольку мы можем сделать цикл, не зная всех свойств.

Оператор for…in выглядит следующим образом:

for (key in object) {
    // body of for...in
}

Войти в полноэкранный режим Выйти из полноэкранного режима

Здесь,
Цикл for in оценивает объект in. Свойство является ключом объекта

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}

// expected output:
// "a: 1"
// "b: 2"
// "c: 3"

Войти в полноэкранный режим Выйти из полноэкранного режима

for…of

В ES6 появился новый цикл for-of, который позволяет нам очень легко выполнять итерацию по массивам или другим итерируемым объектам (например, строкам). Кроме того, код внутри цикла выполняется для каждого элемента итерируемого объекта. Цикл for…of не работает с объектами, потому что они не являются итерируемыми. Если вы хотите выполнить итерацию по свойствам объекта, вы можете использовать цикл for-in.

Оператор for…of выглядит следующим образом:

for (element of iterable) {
    // body of for...of
}
Войти в полноэкранный режим Выйти из полноэкранного режима

Здесь,
iterable – итерируемый объект (массив, набор, строки и т.д.).
элемент – элементы в итерируемом объекте

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

// expected output: "a"
// expected output: "b"
// expected output: "c"

Войти в полноэкранный режим Выйти из полноэкранного режима

Подводя итог, можно сказать, что цикл – это последовательность инструкций, которая повторяется до тех пор, пока не будет выполнено условие. Ключевое различие между двумя основными типами циклов заключается в том, что цикл For будет выполняться заданное количество раз, в то время как цикл While будет выполняться переменное количество раз. Два основных вида использования циклов – для вывода результатов и для поиска информации.

Оцените статью
Procodings.ru
Добавить комментарий