Вивчення ітерації JavaScript

Цикли дозволяють програмам виконувати повторювані завдання, такі як ітерація через масив, дотримуючись принципу СУХОСТІ (Не повторюйся) . Вонистане в нагоді, коли ви хочете виконати функцію кілька разів, використовуючи кожен раз різні набори входів.

Як і інші мови програмування, JavaScript підтримує різні типи циклів. У цій статті буде розглянута для , для / в , в той час як і робити / в той час як петлю.

Для петлі

Цикл for - найпоширеніший стиль циклу JavaScript. Ось його основний синтаксис:

for (; ; ) { code block // This is executed if condition evaluates to true}
  • ініціалізація - використовується для оголошення нових змінних за допомогою ключового слова var , зазвичай використовується для ініціалізації змінної лічильника (var i = 0).
  • умова - логічний вираз, що обчислюється перед кожною ітерацією циклу. Якщо цей вираз має значення true, виконуються внутрішні команди.
  • інкрементний вираз -вираз, що обчислюється в кінці кожної ітерації циклу. Зазвичай це використовується для збільшення, зменшення або оновлення змінної лічильника іншим способом.

Приклади:

//Counting 1 to 5for (var i = 1; i  2//=> 3//=> 4//=> 5
//Iterating through an arrayvar arr = [17, 22, 35, 54, 96];
for (var i = arr.length; i >=0; i--) { console.log(arr[i]);}//=> 96//=> 54//=> 35//=> 22//=> 17

Цикл For / in

Цикл for / in використовується для ітерації властивостей об'єкта. Заява for / in виглядає наступним чином:

for (variable in object) { statements}
  • змінна -цьому на кожній ітерації присвоюється інша назва властивості.
  • об'єкт -об'єкт, перелічені властивості якого повторюються.

Приклад:

var myObj = {city: "Austin", state: "Texas", country: "USA"}
for (var key in myObj) { console.log(myObj[key]);}//=> Austin//=> Texas//=> USA

Петля в той час, як

Хоча цикли - це умовні цикли, де умова перевіряється на початку ітерації, і - якщо умова істинна - оператори виконуються. Ось основний синтаксис в той час циклу:

while (condition) { statement //code block to be executed as long condition is true.}
  • умова - вираз, що обчислюється перед кожною ітерацією через цикл. Якщо ця умова вважається істинною, виконуються внутрішні команди. Якщо умова має значення false, тоді внутрішній оператор не виконується, і програма продовжує роботу.
  • заява -theблок коду, який буде виконуватися до тих пір, поки умова оцінюється як істинне.

Приклад:

var i = 0;while (i < 3) { console.log(i); i++;}
//=>0//=>1//=>2

Робити / поки

Цикл do / while є варіантом циклу while. На відміну від циклу while, цикл do / while виконає блок коду один раз, перш ніж він навіть перевірить, чи є умова істинною. Потім він буде повторювати цикл, доки умова відповідає дійсності.

Синтаксис:

do { statement //code block to be executed}while (condition);
  • заява -виконується принаймні один раз і повторно виконується кожного разу, коли умова оцінюється як істинне.
  • стан -theвираз, що обчислюється після кожної ітерації через цикл. Якщо умова вважається істинним, оператор виконується повторно. Якщо умова має значення false, тоді виконання оператора зупиняється.

Приклад:

var cars = ["Tesla", "Prius", "GMC", "Ford"];
var i = 0;do { console.log(cars[i]); i++;}while (i < cars.length)
//=> Tesla//=> Prius//=> GMC//=> Ford

Сподіваюся, цей короткий огляд циклів допоміг вам краще зрозуміти, як працює ітерація в JavaScript. Якщо у вас є які-небудь запитання щодо циклів або ви просто хочете поспілкуватися, ви також можете зв’язатися зі мною у Twitter .