ЈаваСцрипт за петљу (са примерима)

У овом упутству ћете научити о петљама и о петљама у ЈаваСцрипт-у помоћу примера.

У програмирању, петље се користе за понављање блока кода.

На пример, ако желите да поруку прикажете 100 пута, онда можете да користите петљу. То је само једноставан пример; петљама можете постићи много више.

Овај водич се фокусира на ЈаваСцрипт forпетљу. О другој врсти петљи сазнаћете у предстојећим водичима.

ЈаваСцрипт за петљу

Синтакса forпетље је:

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

Ево,

  1. ИнитиалЕкпрессион покреће и / или изјави променљиве и извршава само једном.
  2. Услов је оцењен.
    • Ако је услов falseје forпетља се прекида.
    • ако је услов true, forизвршава се блок кода унутар петље.
  3. УпдатеЕкпрессион ажурира вредност инитиалЕкпрессион када се услов true.
  4. Услов је оцењен агаин.Тхис процес се наставља све док се стање false.

Да бисте сазнали више о условима , посетите ЈаваСцрипт упоређивање и логичке операторе.

Дијаграм тока ЈаваСцрипт-а за петљу

Пример 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.`); )

Оутпут

Обожавам ЈаваСцрипт. Обожавам ЈаваСцрипт. Обожавам ЈаваСцрипт. Обожавам ЈаваСцрипт. Обожавам ЈаваСцрипт.

Ево како овај програм функционише.

Понављање Променљива Стање: и <= н поступак
1ст i = 1
n = 5		 true Обожавам ЈаваСцрипт. је одштампан.
и се повећава на 2 .
2нд i = 2
n = 5		 true Обожавам ЈаваСцрипт. је одштампан.
и се повећава на 3 .
3. i = 3
n = 5		 true Обожавам ЈаваСцрипт. је одштампан.
и се повећава на 4 .
4тх i = 4
n = 5		 true Обожавам ЈаваСцрипт. је одштампан.
и се повећава на 5 .
5тх i = 5
n = 5		 true Обожавам ЈаваСцрипт. је одштампан.
и се повећава на 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

Ево како овај програм функционише.

Понављање Променљива Стање: и <= н поступак
1ст i = 1
n = 5		 true 1 је одштампан.
и се повећава на 2 .
2нд i = 2
n = 5		 true 2 је одштампан.
и се повећава на 3 .
3. i = 3
n = 5		 true 3 је одштампан.
и се повећава на 4 .
4тх i = 4
n = 5		 true 4 је одштампан.
и се повећава на 5 .
5тх i = 5
n = 5		 true 5 је одштампано.
и се повећава на 6 .
6тх i = 6
n = 5		 false Петља је прекинута.

Пример 3: Прикажи збир н природних бројева

 // 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. У свакој итерацији и се додаје зброју и његова вредност се повећава за 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 . Можете извршити исти задатак на много различитих начина у програмирању; програмирање је све о логици.

Иако су оба начина тачна, покушајте да ваш код учините читљивијим.

ЈаваСцрипт Инфините фор лооп

Ако је услов испитивања у forпетљи увек true, он траје заувек (док се меморија не попуни). На пример,

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

У горњем програму је увек услов trueкоји ће онда покретати код бесконачно много пута.

У следећем упутству ћете научити whileи do… whileпетљу.

Занимљиви Чланци...