В этой статье будут рассмотрены циклы в JavaScript, которые используются для выполнения повторяющихся задач в зависимости от условий.

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

Четыре наиболее распространенных типа петель:

  1. цикл for
  2. для..in | для..из
  3. цикл while
  4. выполнить цикл while

Теперь давайте подробно рассмотрим каждый из них:

  1. Цикл for состоит из следующего:
for ([initialization]); [condition]; [final-expression]) {
// statement
}

инициализация- будет выполняться перед первым выполнением в цикле. Обычно используется для создания счетчиков. созданные здесь переменные относятся к циклу. Как только цикл завершит свое выполнение, они будут уничтожены.

условие – выражение, которое проверяется перед выполнением каждой итерации. Если он опущен, выражение оценивается как истинное. и оператор цикла выполняется. Если он оценивается как false, цикл останавливается.

final-expression – выражение, которое запускается после каждой итерации. Обычно используется для увеличения/уменьшения счетчика.

оператор-код, который будет повторяться в цикле.

Например, следующий код повторится 5 раз и перестанет выполняться, когда я достигну значения 5.

for (let i = 0; i < 5; i++) {
 console.log(`i is now = ${i}`);
} 
// "i is now = 0"
// "i is now = 1"
// "i is now = 2"
// "i is now = 3"
// "i is now = 4"

2. for in перебирает ключи в объекте и индексирует в массиве, а for of перебирает значения в массиве или любом итерируемом объекте.

Например:

const obj = {a:1, b:2};
for(const k in obj){
  console.log(obj[k]); // 1 2
  console.log(k); // a b
}
const arr = [10, 11, 12, 13];
for (const item in arr) {
  console.log(item); // 0 1 2 3
}
for (const item of arr) {
  console.log(item); // 10 11 12 13
}

3. Цикл пока имеет следующий синтаксис:

while (condition)
{
   statement(s);
}

оператор(ы): оператор, который выполняется до тех пор, пока условие оценивается как истинное.

условие: условие – это логическое выражение, которое вычисляется перед каждым проходом цикла. Если это условие оценивается как истинное, операторы выполняются. Когда условие оценивается как ложное, выполнение продолжается с оператора после цикла while.

Мы можем добиться того же результата, что и в первом цикле, который у нас был в примере с циклом for, написав следующий код:

let i = 0;
while (i < 5) {
  console.log(`i is now = ${i}`);
  i++;
}
// "i is now = 0"
// "i is now = 1"
// "i is now = 2"
// "i is now = 3"
// "i is now = 4"

4. Цикл Do…while состоит из следующего синтаксиса:

do {
  Statement(s)
} while (condition);

оператор(ы): оператор, который выполняется по крайней мере один раз перед вычислением условия или логического выражения и повторно выполняется каждый раз, когда условие оценивается как истинное.

условие: здесь условие — это логическое выражение. Если логическое выражение оценивается как истинное, оператор выполняется снова. Когда логическое выражение оценивается как ложное, циклы заканчиваются.

Опять же, мы можем добиться того же результата, что и в первом цикле, который у нас был в примере с циклом for, написав следующий код:

let i = 0;
do  {
  console.log(`i is now = ${i}`);
  i++;
} while (i < 5)
// "i is now = 0"
// "i is now = 1"
// "i is now = 2"
// "i is now = 3"
// "i is now = 4"

Я надеюсь, что эта статья помогла вам понять, какие типы циклов используются в JavaScript и как их использовать. Если вы нашли эту статью полезной, я был бы признателен за аплодисменты ниже (:

Вы также можете подписаться на меня, чтобы получать больше таких статей (: