Здравствуйте друзья. В этом скрипте я кратко расскажу о 6 циклах в JS. Итак, приступим!

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

1. Пока цикл

Оператор while создает цикл, который выполняет указанный оператор до тех пор, пока условие проверки оценивается как истинное. Условие оценивается перед выполнением инструкции.

//Example
const menu = ['Rice', 'Chicken', 'Burger', 'Pizza', 'Cheese cake'];
let i = 0;
while(i < menu.length) {
   console.log('I will eat' + menu[i])
   i++;
}
//Results
I will eat Rice
I will eat Chicken
I will eat Burger
I will eat Pizza
I will eat Cheese cake

2. Цикл «Делай пока»

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

//Example
const menu = ['Rice', 'Chicken', 'Burger', 'Pizza', 'Cheese cake'];
let i = 0;
do {
   console.log('I will eat' + menu[i]);
   i++;
}
while(i < menu.length);
//Results
I will eat Rice
I will eat Chicken
I will eat Burger
I will eat Pizza
I will eat Cheese cake

3. Цикл for

Оператор for создает цикл с тремя необязательными выражениями:
for (выражение 1; выражение 2; выражение 3) {
// выполняемый блок кода

Выражение 1 выполняется (один раз) перед выполнением блока кода.
Выражение 2 определяет условие выполнения блока кода.< br /> Выражение 3 выполняется (каждый раз) после выполнения блока кода.

//Example
const menu = ['Rice', 'Chicken', 'Burger', 'Pizza', 'Cheese cake'];
for(let i = 0; i < menu.length; i++;) {
   console.log('I will eat' + menu[i]);
}

//Results
I will eat Rice
I will eat Chicken
I will eat Burger
I will eat Pizza
I will eat Cheese cake

4. Цикл for in

Оператор for…in перебирает все перечисляемые строковые свойства объекта (игнорируя свойства, отмеченные символами), включая унаследованные перечисляемые свойства.

//Example

const menu = ['Rice', 'Chicken', 'Burger', 'Pizza', 'Cheese cake'];
for(const index in menu) {
   console.log('I will eat' + menu[index]);  
}

//Results
I will eat Rice
I will eat Chicken
I will eat Burger
I will eat Pizza
I will eat Cheese cake

5. Цикл for

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

//Example

const menu = ['Rice', 'Chicken', 'Burger', 'Pizza', 'Cheese cake'];
for(const item of menu) {
   console.log('I will eat' + item);  
}

//Results
I will eat Rice
I will eat Chicken
I will eat Burger
I will eat Pizza
I will eat Cheese cake

6. Цикл For Each

Метод forEach() выполняет предоставленную функцию один раз для каждого элемента массива.

//Example

const menu = ['Rice', 'Chicken', 'Burger', 'Pizza', 'Cheese cake'];

menu.forEach(item => {
   console.log('I will eat' + item); 
})
//Results
I will eat Rice
I will eat Chicken
I will eat Burger
I will eat Pizza
I will eat Cheese cake

Дайте мне знать в разделе комментариев, что вы думаете о циклах JS.
Вот и все!! #HappyCoding