Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Опанування Циклу For у JavaScript | Перебір Даних у JavaScript
Вступ до JavaScript

bookОпанування Циклу For у JavaScript

Цикл for — це поширений спосіб повторення коду. Він використовує три частини в дужках:

for (Initialization; Condition; Increment/Decrement) {
  // code block
}

Що означає кожна частина:

  • Initialization: створює лічильник циклу (виконується один раз);
  • Condition: перевіряється перед кожною ітерацією;
  • Increment/Decrement: оновлює лічильник після кожного проходу циклу.
Note
Примітка

Ітерація — це повне виконання тіла циклу.

123
for (let i = 1; i < 5; i++) { console.log("Loop iteration:", i); };
copy
  • let i = 1: ініціалізація;
  • i < 5: умова;
  • i++: інкремент;
  • console.log(...): тіло циклу.

Цикл повторюється, поки умова істинна.

У циклі for також можна використовувати декремент, як показано нижче:

123
for (let i = 15; i > 10; i--) { console.log("i =", i); }
copy

Лічильник циклу for є унікальним у межах своєї області видимості, тому не потрібно турбуватися про конфлікт імені лічильника з іншими змінними:

12345678
let i = 2077; console.log("(global) i =", i); for (let i = 0; i < 4; i++) { console.log("(for) i =", i); } console.log("(global) i =", i);
copy

Можна також використовувати різні вирази для операцій інкременту/декременту:

123
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
copy

Порівняння циклів for та while

Порівнюючи цикли for та while, цикл for часто є простішим і лаконічнішим. Ось приклад еквівалентних циклів:

1234567891011
// `while` let a = 1; while (a <= 3) { console.log("While:", a); a++; } // `for` for (let i = 1; i <= 3; i++) { console.log("For:", i); }
copy

Цикл for зазвичай коротший і зберігає лічильник у власній області видимості.

question mark

Потрібно вивести кожний рік літніх Олімпійських ігор з 2000 по 2016 включно. Яку умову слід використати в циклі?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 3

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.5

bookОпанування Циклу For у JavaScript

Свайпніть щоб показати меню

Цикл for — це поширений спосіб повторення коду. Він використовує три частини в дужках:

for (Initialization; Condition; Increment/Decrement) {
  // code block
}

Що означає кожна частина:

  • Initialization: створює лічильник циклу (виконується один раз);
  • Condition: перевіряється перед кожною ітерацією;
  • Increment/Decrement: оновлює лічильник після кожного проходу циклу.
Note
Примітка

Ітерація — це повне виконання тіла циклу.

123
for (let i = 1; i < 5; i++) { console.log("Loop iteration:", i); };
copy
  • let i = 1: ініціалізація;
  • i < 5: умова;
  • i++: інкремент;
  • console.log(...): тіло циклу.

Цикл повторюється, поки умова істинна.

У циклі for також можна використовувати декремент, як показано нижче:

123
for (let i = 15; i > 10; i--) { console.log("i =", i); }
copy

Лічильник циклу for є унікальним у межах своєї області видимості, тому не потрібно турбуватися про конфлікт імені лічильника з іншими змінними:

12345678
let i = 2077; console.log("(global) i =", i); for (let i = 0; i < 4; i++) { console.log("(for) i =", i); } console.log("(global) i =", i);
copy

Можна також використовувати різні вирази для операцій інкременту/декременту:

123
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
copy

Порівняння циклів for та while

Порівнюючи цикли for та while, цикл for часто є простішим і лаконічнішим. Ось приклад еквівалентних циклів:

1234567891011
// `while` let a = 1; while (a <= 3) { console.log("While:", a); a++; } // `for` for (let i = 1; i <= 3; i++) { console.log("For:", i); }
copy

Цикл for зазвичай коротший і зберігає лічильник у власній області видимості.

question mark

Потрібно вивести кожний рік літніх Олімпійських ігор з 2000 по 2016 включно. Яку умову слід використати в циклі?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 3
some-alt