Использование оператора цикла for в JavaScript

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

Что такое оператор цикла for в JavaScript?

Оператор цикла for в JavaScript создает цикл с тремя необязательными выражениями. Ниже показан синтаксис:

for(initializer; condition; iterator) { 
// statements 
}

1) initializer

Оператор for выполняет initializer только после запуска цикла. Как правило, вы объявляете и инициализируете локальную переменную цикла в инициализаторе.

2) condition

condition — это логическое выражение, которое определяет, должен ли for выполнять следующую итерацию.

Оператор for оценивает condition перед каждой итерацией. Если условие true(или отсутствует), выполняется следующая итерация. В противном случае цикл завершится.

3) iterator

Оператор for выполняет iterator после каждой итерации.

Следующая блок-схема иллюстрирует цикл for :

В цикле for эти три выражения являются необязательными. Ниже показан цикл for без каких-либо выражений:

for( ; ; ) { 
// statements 
}

Примеры оператора цикла for в JavaScript

Давайте рассмотрим несколько примеров использования оператора цикла for.

1) Простой пример

В следующем примере используется оператор цикла for вывода на консоль чисел от 1 до 4:

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

Выход:

1 
2 
3 
4

Как это работает:

• Во-первых, объявите переменную counter и инициализируйте ее значением 1.
• Во-вторых, отображать значение counter в консоли, если counter меньше 5.
• В-третьих, увеличивайте значение counter на единицу в каждой итерации цикла.

2) Использование цикла for без initializer

В следующем примере используется цикл for без выражения initializer:

let j = 1; 
for(; j < 10; j += 2) { 
  console.log(j); 
}

Выход:

1 
3 
5 
7 
9

3) Пример без condition

Подобно выражению initializer, выражение condition является необязательным. Если вы опускаете выражение condition, вам нужно использовать оператор break для завершения цикла.

for(let j = 1; ; j += 2) { 
  console.log(j); 
  if(j > 10) { 
    break; 
  } 
}

Выход:

1 
3 
5 
7 
9 
11

3) Без expression

Все три выражения операторов цикла for являются необязательными. Таким образом, вы можете опустить их все. Например:

let j = 1;
for (;;) {
  if (j > 10) {
    break;
  }
  console.log(j);
  j += 2;
}

Выход:

1 
3 
5 
7 
9

4) Пример без тела цикла

JavaScript позволяет оператору for иметь пустой оператор. В этом случае вы ставите точку с запятой( ; ) сразу после оператора for.

Например, в следующем цикле for вычисляется сумма 10 чисел от 1 до 10:

let sum = 0; 
for(let i = 0; i <= 9; i++, sum += i); 
console.log(sum);

Выход:

55

Заключение

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