JavaScript за цикъл (с примери)

В този урок ще научите за циклите и за за цикли в JavaScript с помощта на примери.

При програмирането циклите се използват за повтаряне на блок от код.

Например, ако искате да покажете съобщение 100 пъти, тогава можете да използвате цикъл. Това е просто прост пример; можете да постигнете много повече с цикли.

Този урок се фокусира върху forцикъла на JavaScript . Ще научите за другия тип цикли в предстоящите уроци.

JavaScript за цикъл

Синтаксисът на forцикъла е:

  for(initialExpression; condition; updateExpression) ( // for loop body )

Тук,

1. В initialExpression инициализира и / или декларира променливи и изпълнява само веднъж.
2. В състояние е оценено.
   • Ако условието е false, forцикълът се прекратява.
   • ако условието е true, блокът с код вътре в forцикъла се изпълнява.
3. В updateExpression актуализира стойността на initialExpression , когато условието е true.
4. В състояние се оценява again.This процес продължава, докато условието е false.

За да научите повече за условията , посетете JavaScript сравнение и логически оператори.

Блок-схема на JavaScript за цикъл

Пример 1: Показване на текст пет пъти

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Изход

Обичам JavaScript. Обичам JavaScript. Обичам JavaScript. Обичам JavaScript. Обичам JavaScript.

Ето как работи тази програма.

Повторение	Променлива	Състояние: i <= n	Действие
1-ви	i = 1 n = 5	true	Обичам JavaScript. се отпечатва. i се увеличава на 2 .
2-ри	i = 2 n = 5	true	Обичам JavaScript. се отпечатва. i се увеличава до 3 .
3-ти	i = 3 n = 5	true	Обичам JavaScript. се отпечатва. i се увеличава на 4 .
4-ти	i = 4 n = 5	true	Обичам JavaScript. се отпечатва. i се увеличава на 5 .
5-ти	i = 5 n = 5	true	Обичам JavaScript. се отпечатва. i се увеличава на 6 .
6-то	i = 6 n = 5	false	Цикълът е прекратен.

Пример 2: Показване на числа от 1 до 5

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Изход

 1 2 3 4 5

Ето как работи тази програма.

Повторение	Променлива	Състояние: i <= n	Действие
1-ви	i = 1 n = 5	true	1 се отпечатва. i се увеличава на 2 .
2-ри	i = 2 n = 5	true	2 се отпечатва. i се увеличава до 3 .
3-ти	i = 3 n = 5	true	3 се отпечатва. i се увеличава на 4 .
4-ти	i = 4 n = 5	true	4 се отпечатва. i се увеличава на 5 .
5-ти	i = 5 n = 5	true	5 се отпечатва. i се увеличава на 6 .
6-то	i = 6 n = 5	false	Цикълът е прекратен.

Пример 3: Показване на сумата от n естествени числа

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Изход

 сума: 5050

Тук първоначално стойността на сумата е 0 . След това forсе итерира цикъл от i = 1 to 100. Във всяка итерация i се добавя към сумата и стойността му се увеличава с 1 .

Когато ставам 101 , условието на теста е falseи сумата ще бъде равна на 0 + 1 + 2 + … + 100.

Горната програма за добавяне на сбор от естествени числа също може да бъде записана като

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Тази програма също дава същия изход като Пример 3 . Можете да изпълните една и съща задача по много различни начини в програмирането; програмирането е всичко свързано с логиката.

Въпреки че и двата начина са правилни, трябва да се опитате да направите кода си по-четлив.

JavaScript Infinite за цикъл

Ако условието на теста в един forцикъл е винаги true, той работи завинаги (докато паметта се запълни). Например,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

В горната програма условието винаги е, trueкоето след това ще стартира кода за безкрайно време.

В следващия урок ще научите за whileи do… whileцикъл.