Счётчик в цикле JavaScript

Счётчик в цикле - это переменная, которая помогает контролировать количество повторений. Обычно она хранит номер текущего шага и меняется после каждой итерации.

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

Результат:

0
1
2
3
4

В этом примере переменная i и есть счётчик.

Что такое счётчик

Счётчик отвечает на простой вопрос: на каком шаге сейчас находится цикл?

Чаще всего счетчик нужен для трех задач:

1. ограничить количество повторений;

2. получить индекс элемента массива или строки;

3. посчитать количество подходящих значений.

В качестве имени счетчика часто используют i. Это короткая запись от слова index. Если в коде есть более понятное имя, лучше использовать его.

for (let lesson = 1; lesson <= 3; lesson++) {
  console.log('Урок ' + lesson);
}

Счётчик в цикле for

В цикле for счетчик обычно находится прямо в круглых скобках.

for (let i = 0; i < 3; i++) {
  console.log(i);
}

Запись можно разделить на три части:

for (начало; условие; шаг) {
  // тело цикла
}

let i = 0 - создаем счетчик и задаем начальное значение.

i < 3 - проверяем, можно ли выполнить очередную итерацию.

i++ - увеличиваем счетчик после выполнения тела цикла.

Пока условие возвращает true, цикл продолжает работу. Как только условие становится false, цикл завершается.

Запись i++

i++ увеличивает значение переменной i на единицу.

let i = 0;

i++;

console.log(i);

Результат:

1

Эту запись можно заменить более длинной:

i = i + 1;

В циклах чаще пишут именно i++, потому что это коротко и привычно для JavaScript-кода.

Другой шаг счётчика

Счетчик не обязательно увеличивать на единицу. Шаг можно сделать больше.

for (let i = 0; i <= 10; i += 2) {
  console.log(i);
}

Результат:

0
2
4
6
8
10

i += 2 означает: взять текущее значение i и увеличить его на 2.

Такая запись удобна, когда нужно пройти только по каждому второму значению или заранее известен нужный шаг.

Счётчик в обратную сторону

Счетчик может не только увеличиваться, но и уменьшаться.

for (let i = 5; i > 0; i--) {
  console.log(i);
}

Результат:

5
4
3
2
1

i— уменьшает значение переменной на единицу.

Такой подход часто используют, когда нужно пройти массив с конца к началу.

let fruits = ['яблоко', 'банан', 'груша'];

for (let i = fruits.length - 1; i >= 0; i--) {
  console.log(fruits[i]);
}

Счётчик в цикле while

В цикле while счетчик обычно создают до цикла, а изменяют внутри тела цикла.

let i = 0;

while (i < 3) {
  console.log(i);
  i++;
}

Результат:

0
1
2

Если забыть изменить счетчик внутри while, условие может всегда оставаться истинным. Тогда получится бесконечный цикл.

Поэтому в while важно следить, где именно меняется счетчик.

Счётчик для подсчета значений

Счетчик может использоваться не только для управления циклом. Иногда он нужен, чтобы посчитать подходящие значения.

let numbers = [1, 4, 7, 10, 13];
let count = 0;

for (let number of numbers) {
  if (number > 5) {
    count++;
  }
}

console.log(count);

Результат:

3

Здесь count не управляет циклом. Он считает, сколько чисел больше 5.

Такой прием часто используют при проверке массивов, строк и списков данных.

Итого

1. Счётчик - это переменная, которая помогает контролировать шаги цикла или считать значения.

2. В for счетчик обычно создается в первой части круглых скобок.

3. i++ увеличивает счетчик на единицу, i— уменьшает на единицу.

4. Шаг счетчика можно менять через i += 2, i += 3 и похожие записи.

5. В while счетчик нужно обновлять внутри тела цикла, иначе можно получить бесконечный цикл.