JavaScript: Цикл FOR

Yigmi · Серп. 26, 2024, 12:58 PM

Вступ до циклів у JavaScript
Вітаю, друзі! Сьогодні ми заглибимось у цікаву тему — цикли у JavaScript, а саме цикл FOR. Якщо ви коли-небудь питали себе, як автоматизувати повторювальні завдання в програмуванні, то ви на правильному шляху! Цикли допомагають нам ітерувати через дані, здійснюючи ті ж самі дії багаторазово без зайвих зусиль.

Що таке цикл?
Цикл — це блок коду, який виконується кілька разів. Наприклад, якщо ви хочете вивести числа від 1 до 10, ви могли б написати код, який повторюється 10 разів. Це просто, як повторення улюбленої пісні!

Чому використовувати цикли?
Цикли не тільки економлять час на написання коду, а й зменшують ймовірність помилок. Уявіть, що вам потрібно обробити масив даних: без циклів вам доведеться писати один і той же код багато разів. Цикли роблять вашу програму чистішою і зрозумілішою!

Основи циклу FOR
Тепер давайте розглянемо основи циклу

Код Select

FOR. Цей тип циклу є одним з найбільш популярних, оскільки його структура дозволяє легко контролювати кількість ітерацій.

Структура циклу FOR
Цикл

Код Select

FOR складається з трьох основних частин:

Ініціалізація
Це перший крок, де ви оголошуєте змінну, яка буде контролювати цикл. Наприклад:

Код Select

for (let i = 0;.
Умова завершення
Це умова, яка визначає, скільки разів виконається цикл. Наприклад,

Код Select

i < 10 означає, що цикл повториться, поки значення

Код Select

i менше 10.

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

Код Select

i++, що означає "додати 1 до

Код Select

i".
Таким чином, структура циклу

Код Select

FOR виглядає так:

Код Select

1for (let i = 0; i < 10; i++) {
2    // код, який буде виконуватись
3}
4

Приклади використання циклу FOR
Давайте розглянемо кілька прикладів, аби наочно побачити, як працює цикл

Код Select

FOR.
Простий приклад циклу FOR
Якщо ви хочете вивести числа від 0 до 9, ви можете зробити це так:

Код Select

1for (let i = 0; i < 10; i++) {
2    console.log(i);
3}
4

Цей код просто виведе числа від 0 до 9 у консолі. Проста та ефективна демонстрація!

Цикл FOR для масивів
Цикли чудово підходять для роботи з масивами. Наприклад, у вас є масив імен, і ви хочете вивести їх:

Код Select

1const names = ['Аня', 'Богдан', 'Катя'];
2for (let i = 0; i < names.length; i++) {
3    console.log(names[i]);
4}
5

Цей код виведе кожне ім'я з масиву в консолі.

Вкладені цикли FOR
Якщо ви хочете створити таблицю множення, вам знадобляться вкладені цикли. Це виглядає так:

Код Select

1for (let i = 1; i <= 10; i++) {
2    for (let j = 1; j <= 10; j++) {
3        console.log(i * j);
4    }
5}
6

Тут перший цикл контролює множник, а другий — множне число.

Порівняння циклу FOR з іншими циклами
Цикл

Код Select

FOR — це лише один із способів повторення коду. Давайте порівняємо його з іншими циклами.

Цикл WHILE
Цикл

Код Select

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

Код Select

1let i = 0;
2while (i < 10) {
3    console.log(i);
4    i++;
5}
6

Цей код виконає те ж саме, що і цикл

Код Select

FOR, але структура виглядає інакше.

Цикл DO WHILE
Цикл

Код Select

DO WHILE виконає код принаймні один раз незалежно від умови. Це виглядає так:

Код Select

1let i = 0;
2do {
3    console.log(i);
4    i++;
5} while (i < 10);
6

Тут цикл виконається навіть якщо

Код Select

i спочатку було більше 10.

Поширені помилки при використанні циклу FOR
Хоча цикл

Код Select

FOR є потужним інструментом, є деякі поширені помилки, яких варто уникати.

Безкінечні цикли
Безкінечний цикл виникає, коли умова завжди істинна. Наприклад:

Код Select

1for (let i = 0; i < 10; i--) { // помилка: i ніколи не стане 10
2    console.log(i);
3}
4

Будьте уважні, щоб уникнути цього!

Неправильна умова завершення
Якщо ви задаєте невірну умову завершення, цикл може не закінчитися. Перевірте, чи все правильно:

Код Select

1for (let i = 0; i < 10; ) { // помилка: відсутній інкремент
2    console.log(i);
3}
4

Висновок
Отже, цикл FOR — це надзвичайно корисний інструмент для автоматизації повторювальних завдань у JavaScript. Він дозволяє вам ефективно працювати з даними, зберігає час і спрощує код. Сподіваюсь, що ця стаття допомогла вам зрозуміти, як працює цикл FOR. Тепер ви зможете використовувати його у своїх проектах!

Часті питання

Що таке цикл FOR у JavaScript?
Цикл

Код Select

FOR використовується для повторення блоку коду кілька разів на основі заданої умови.

Як виглядає структура циклу FOR?
Структура циклу підрозділяється на три частини: ініціалізацію, умову завершення та інкремент.

Чи можна використовувати цикл FOR для масивів?
Так, цикл

Код Select

FOR чудово підходить для ітерування масивів.

Чим цикл FOR відрізняється від циклу WHILE?
Цикл

Код Select

FOR використовує задану кількість ітерацій, тоді як цикл

Код Select

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

Які типові помилки можна зробити при використанні циклу FOR?
Найбільш поширені помилки включають безкінечні цикли і неправильно задані умови завершення.

JavaScript: Цикл FOR

Yigmi