Итерация массивов в JavaScript

Введение

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

Теперь вы можете писать простыми строками и позволить циклам делать работу за вас.

Пример: Это часто случается при записи массива, если мы должны закодировать различные значения итераций массива;

const foods= array[fish, pizza, meat, rice, beans];

text += foods[0] + "<br>"; 

text += foods[1] + "<br>"; 
text += foods[2] + "<br>"; 
text += foods[3] + "<br>"; 
text += foods[4] + "<br>"; 

Циклирование сделало его таким простым и легким, а также экономит время, вместо того, чтобы набирать один и тот же код несколько раз,
Вы можете просто набрать несколько строк кодировки, используя циклы
:

const foods= array[fish, pizza, meat, rice, beans];
for(i=0; i<foods.length; i++){
console.log(i)

}

Различные виды циклов
JavaScript поддерживает различные виды циклов:

1. for — повторяет блок кода несколько раз
2. for/in — цикл по свойствам объекта
3. for/of — перебирает значения итерируемого объекта
4. while — перебирает блоки кода, пока заданное условие истинно
5. do/while — также выполняет цикл через блок кода, пока заданное условие истинно.

ПРИМЕНЕНИЕ И ПРЕИМУЩЕСТВА
-Циклы могут выполнять блок кода несколько раз.
-Зацикливание экономит время и стресс
-Зацикливание может быть достигнуто всего несколькими строками кодирования.

Цикл For

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

Цикл for имеет следующий синтаксис:

for (statement 1; statement 2; statement 3) {
    code block to be executed
}

Утверждение 1 выполняется до начала цикла (блока кода).

Выражение 2 определяет условие для запуска цикла (блока кода).

Выражение 3 выполняется каждый раз после выполнения цикла (блока кода).

Пример

for (i = 0; i < 6; i++) {
    text += "The number is " + i + "<br>";
}

Из приведенного выше примера вы можете прочитать:

Выражение 1: устанавливает переменную перед началом цикла (var i = 0).

Выражение 2: определяет условие выполнения цикла (i должно быть меньше 6).

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

Оператор 1
Обычно оператор 1 используется для инициирования переменной, используемой в цикле (i = 0).

Это не всегда так, но JavaScript это не волнует. Оператор 1 является необязательным.

Вы можете инициировать множество значений в операторе 1 (через запятую):

Пример

for (i = 0, len = foods.length, text = ""; i < len; i++) {
    text += foods[i] + "<br>";
}

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

Пример

var i = 2;
var len =foods.length;
var text = "";
for (; i < len; i++) {
    text += cars[i] + "<br>";
}

Оператор 2
Часто оператор 2 используется для оценки состояния начальной переменной.

Это не всегда так, JavaScript это не волнует. Оператор 2 также является необязательным.

Если оператор 2 вернет true, цикл начнется заново, если false — цикл завершится.

Примечание Если вы опустите утверждение 2, вы должны обеспечить прерывание внутри цикла. В противном случае цикл никогда не завершится. Это приведет к сбою браузера. О разрывах читайте в следующей главе этого учебника.
Оператор 3
Часто оператор 3 увеличивает начальную переменную.

Это не всегда так, JavaScript это не волнует, и оператор 3 является необязательным.

Оператор 3 может делать что угодно: отрицательное приращение (i—), положительное приращение (i = i + 2) или что-нибудь еще.

Оператор 3 также может быть опущен (например, когда вы увеличиваете значения внутри цикла):

Пример

var i = 0;
var len = foods.length;
for (; i < len; ) {
    text += foods[i] + "<br>";
    i++;
}

Цикл For/In

Оператор JavaScript for/in перебирает свойства объекта:

Пример

var person = {fname:"Andrew", lname:"Elijah", age:30};
var text = "";
var x;
for (x in person) {
    text += person[x];
}

JavaScript While Loop

Циклы могут выполнять блок кода до тех пор, пока заданное условие истинно.

Цикл While
Цикл while выполняет блок кода до тех пор, пока заданное условие истинно.

Синтаксис

while (condition) {
    code action to be executed
}

Пример
В следующем примере код в цикле будет выполняться снова и снова, пока переменная (i) будет меньше 100:

Пример

while (i < 100) {
    text += "The number is " + i;
    i++;
}

Примечание Если вы забудете увеличить переменную, используемую в условии, цикл никогда не завершится. Это приведет к краху браузера.

Цикл Do/While

Цикл do/while — это вариант цикла while. Этот цикл выполнит блок кода один раз, прежде чем проверить, истинно ли условие, а затем будет повторять цикл до тех пор, пока условие истинно.

Синтаксис

do {
    code block to be executed
}
while (condition);

Пример
В приведенном ниже примере используется цикл do/while. Цикл всегда будет выполнен хотя бы один раз, даже если условие ложно, потому что блок кода выполняется до проверки условия:

Пример

do {
    text += "The number is " + i;
    i++;
}
while (i < 10);

Не забудьте увеличить переменную, используемую в условии, иначе цикл никогда не завершится!

Резюме

Цикл while во многом аналогичен циклу for, только в нем опущены утверждения 1 и 3.

Цикл в этом примере использует цикл for для сбора названий автомобилей из массива cars:

Пример

var days = ["Mondays", "Tuesdays", "Fridays", "Sundays"];
var i = 0;
var text = "";

for (;days[i];) {
    text += days[i] + "<br>";
    i++;
}

Цикл в этом примере использует цикл while для сбора названий автомобилей из массива cars:

Пример

var days = ["Mondays", "Tuesdays", "Fridays", "Sundays"];
var i = 0;
var text = "";

while (days[i]) {
    text += days[i] + "<br>";
    i++;
}

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