Смотрите еще статьи из цикла:

Введение

Циклы for используются для выполнения фрагмента кода желаемое количество раз. Обычно они используются для перебора списков/коллекций элементов. Подумайте об итерации по списку учеников и выполнении фрагмента кода, который вычисляет среднюю оценку для каждого ученика.

Циклы и массивы — отличный способ заставить ваш код адаптироваться к изменениям. Написанный правильно, цикл for будет выполнять код независимо от того, есть ли у вас один или миллион студентов, или если количество студентов колеблется с течением времени (что обязательно произойдет, поскольку они являются студентами, верно? :))

Синтаксис

//A for loop that counts from 0 to 100 looks like this
for(var i = 0; i <= 100; i++){
  //your code that will be executed 100 times here
}

Цикл for состоит из 3 частей:

  • отправная точка: var i = 0
  • точка остановки/конца i ≤ 100
  • «шаг» i++ (сокращенная версия i = i+1)

Начиная с 0 (var i=0), цикл for будет увеличивать значение i с указанным «шагом» после каждого выполнения (i++). Это будет продолжаться до тех пор, пока выражение i‹= 100 не станет ложным, что завершит его выполнение.

Упражнения с решением

#1 — Вывести числа от 0 до 15

Решение

for (var i = 0; i <= 15; i++) {
   console.log("Value of i is: " + i);
}

#2 — Выведите числа от 12 до 24

Решение

for (var i = 12; i <= 24; i++) {
        console.log("Value of i is: " + i);
}

#3 — Выведите НЕЧЕТНЫЕ числа от 7 до 31

Решение

for (var i = 7; i <= 31; i++) {
  if (i % 2 != 0) {
    console.log(i);
  }
}

#4 — Выведите ЧЕТНЫЕ числа от 10 до -20

Решение

for (var i = 10; i >= -20; i--) {
  if (i % 2 == 0) {
    console.log(i);
  }
}

#5 — Перебрать все числа от 1 до 45. Выведите следующее:

  • Если число кратно 3, выведите «шипение».
  • Если число кратно 5, выведите «Buzz».
  • Если число кратно 3 и 5, выведите «FizzBuzz».

Решение

for (var i = 1; i <= 45; i++) {
  if (i % 3 == 0 && i % 5 == 0) {
    console.log("FizzBuzz");
  } else if (i % 3 == 0) {
    console.log("Fizz");
  } else if (i % 5 == 0) {
    console.log("Buzz");
  }
}

#6 — Вывести все элементы следующего массива

var thisIsAnArray = ["element1", "element2", "element3", "element4"];

Решение

var thisIsAnArray = ["element1", "element2", "element3", "element4"];
for (var i = 0; i < thisIsAnArray.length; i++) {
  console.log(thisIsAnArray[i]);
}

#7 — Вычислите сумму всех чисел в следующем массиве

var numbersArray = [1,13,22,123,49]

Решение

var numbersArray = [1, 13, 22, 123, 49];
var sum = 0;
for (var i = 0; i < numbersArray.length; i++) {
  sum = sum + numbersArray[i];
}
console.log("The sum is: " + sum);