Что такое петля?

Стремясь осуществить свою детскую мечту стать разработчиком Full Stack, я попросил совета у приятеля-разработчика программного обеспечения, который порекомендовал мне начать обучение с JavaScript. Хотя я находил это увлекательным, я также чувствовал себя напуганным и вскоре обнаружил, что перегружен огромным количеством материала для изучения.

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

Наконец, прочитав множество статей, блогов и видеозаметок, я наконец написал свою «шпаргалку по циклам», которая с тех пор стала незаменимым инструментом для преодоления препятствий и выполнения моих задач.

Так что же такое Loop?

Циклы: блок кода, многократно выполняющий определенную задачу до тех пор, пока не будет выполнено заданное условие. Иногда он работает с коллекциями данных, такими как массивы или объекты.

Какая доза все это значит?

• i или let i = 0; — это объявление «итератора» .
• i++; или i — ; является "арифметической прогрессией"(последовательность чисел, разница между которыми всегда одинакова.

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

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

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

let array = [1, 2, 4, 5, 6];
for (let i = 0; i < array.length; i++) {
   console.log(array[i]);
  }

//// Expected output
> 1
> 2
> 4
> 5
> 6

1. for (пусть i = 0 ;) Цикл for объявляет i и присваивает ему значение 0;
2. i ‹ array.length; Если «i» меньше значения длины коллекции.
3. i++; Чтобы обойти массив и получить доступ ко всем его элементам, мы можем увеличить значение "i"на 1, пока условие не будет выполнено.
4. console.log(array[i]); Мы регистрируем каждый элемент, присутствующий в массиве. Похоже, мы на правильном пути, чтобы пробежать марафон!

Оператор while (пока условие истинно, цикл по коллекции.)

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

const puppies = ['max', 'sparky', 'happy', 'snowball', 'rascal'];
let i = 0;
while (i < puppies.length + 1) {
  i++;
}
console.log(i);
//// Expected output
>5

1. let i = 0; Установите для i значение 0, чтобы сохранить индексную переменную.

2. while (i ‹ 10){Это условие проверяет, меньше ли'i', чемpuppies.length + 1(мы используем +1 для доступа к последнему элементу, помня, что индекс начинается с позиции 0)

3. я++; }Значение будет продолжать увеличиваться на единицу (+1), пока условие не перестанет быть истинным.

4. console.log(i); После завершения цикла мы остановимся на индексе 4 +1 = 5. Нам обязательно понадобится помощь с этими щенками!

Оператор for…in (перебирает все свойства объекта.)

У нас есть три комнаты, которые мы хотим покрасить, каждая имеет свой цвет. Наша задача – определить, какой цвет какой комнаты будет окрашен.

const object = { roomA: "red", roomB: "blue", roomC: "green"};
for (const item in object) {
  console.log(`${item}: ${object[item]}`);
}
//// Expected output
> roomA: "red"
> roomB: "blue"
> roomC: "green"

1. const object = {roomA: «красный», roomB: «синий», roomC: «зеленый»}; Вот пример объекта.
2. for (const item in object) {Мы объявляем константную переменную с именем "item", которая будет использоваться в качестве заполнителя для каждого свойства в объекте.
3. console.log(`${item}: ${object[item]}`); }Каждый элемент регистрируется. Ключ каждого элемента регистрируется как ${item},, а соответствующее значение регистрируется как ${object[item]}.

const namesArray = ['Sandra', 'Alexander', 'Joshua', "Britney"];
for (const name of namesArray) {
  console.log(name);
}
// Expected output
> "Sandra"
> "Alexander"
> "Joshua"
> "Britney"