Цикл for JavaScript - httpdoc.ru

Цикл for JavaScript

Циклы используются для выполнения block of code заданное количество раз. В JavaScript существует множество циклов, которые можно использовать, например, for цикл JavaScript while , do while или for-in циклы.

Петли Описание
для проходит через блок кода указанное количество раз.
для в Оператор JavaScript for / in циклически перебирает свойства объекта.
в то время как выполняет цикл по блоку кода, пока выполняется указанное условие.
делать пока один раз выполняет цикл по блоку кода, а затем повторяет цикл, пока выполняется указанное условие.

JavaScript для цикла

for Цикл перебирает блок кода для фиксированного количества раз. Используется, когда известно количество итераций. Синтаксис цикла for приведен ниже.

Синтаксис
for (инициализация; условие; увеличение / уменьшение)   
      {  
      // код для выполнения  
       }

Параметры оператора цикла for имеют следующие значения:

  • Инициализация: используется для присвоения начального значения переменным счетчика, которые после одного цикла будут увеличиваться / уменьшаться, как указано.
  • Условие: оценивается в начале каждой итерации. Если оно истинно, то выполняются только операторы цикла. Если он принимает значение false, выполнение цикла завершается.
  • Увеличение / уменьшение: обновляет счетчик цикла новым значением при каждом запуске цикла.

Здесь, в этом примере, сначала 'i' инициализируется значение, затем задается условие для управления циклом, а затем используется increment оператор для увеличения значения «i». В этом цикле каждое значение «i» будет выводиться на экран до тех пор, пока данное условие не станет истинным.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript For Loop Statement </title> 
</head> 
<body> 
<script>  
for (i=1; i<=5; i++)  
{  
document.write(i + "<br/>")  
}  
</script> 
</body>
</html>

Выход

JavaScript For Loop Statement 1
2
3
4
5

В приведенном ниже примере массив, хранящий 5 значений, повторяется с помощью for цикла. Значение индекса массива увеличивается с каждым циклом, а затем одно за другим все значения массива выводятся на экран. Загляните в редактор try-it, чтобы понять, как работает for цикл в массивах.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript For Loop Statement </title> 
</head> 
<body> 
 <script>
  // An array with some elements
 var Smartphone = ["Apple", "Google Pixel", "Samsung", "Asus", "Motorola"];
     
  // Loop through all the elements in the array 
 for(var i=0; i<Smartphone.length; i++) {
  document.write("<p>" + Smartphone[i] + "</p>");
    }
 </script>
</body>
</html>

Выход

JavaScript For Loop Statement

яблоко

Google Pixel

Samsung

Asus

Motorola