Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Ітерація з Використанням For-Циклу | Цикли
Вступ до TypeScript

bookІтерація з Використанням For-Циклу

Перейдемо до найбільш поширеного типу циклів — циклу for. Цикл for — це цикл, який виконує заздалегідь визначену кількість операцій, встановлену програмістом. Його основна особливість полягає в тому, що всередині циклу створюється окрема змінна, яка зберігає номер ітерації, а також умова завершення циклу та операція над створеною змінною. Розглянемо синтаксис:

for (initialization; condition; increment/decrement) {
    // Code to be executed in each iteration
}

У цьому синтаксисі:

  • initialization виконується один раз перед початком циклу та зазвичай використовується для ініціалізації лічильника;
  • condition — це умова, яка перевіряється перед кожною ітерацією. Якщо умова дорівнює true, цикл продовжує виконання; якщо false — цикл завершується;
  • increment/decrement виконується після кожної ітерації та зазвичай використовується для збільшення або зменшення значення лічильника.

Приклад використання циклу for:

123
for (let i = 1; i <= 5; i++) { console.log(`Iteration number ${i}`); }
copy

Розглянемо детально кожен елемент запису та зрозуміємо його призначення:

  • let i = 0; – ініціалізація. Це змінна, яка створюється при вході в цикл і видаляється після завершення всіх необхідних ітерацій. i — це індекс, скорочення, яке часто використовують програмісти для зручності. Ви можете дати цій змінній будь-яке ім'я. Цей індекс визначає, яка саме ітерація виконується у послідовності;
  • i <= 5; – умова. Це обмеження, до якого буде збільшуватися кількість ітерацій. Під час кожної ітерації змінна i буде збільшуватися, поки не досягне межі. У нашому випадку межа — 5. Коли i набуде значення 5, цикл завершиться;
  • i++ – інкремент. Це означає, наскільки буде збільшуватися змінна i під час кожної ітерації циклу. Тут можна використовувати різні операції, наприклад, i-- або навіть i = i * 3. Будь-яка операція;
  • console.log(`Iteration number ${i}`); – це дія, яку виконує цикл. У нашому випадку виводиться значення змінної i, щоб побачити, яка ітерація виконується зараз.

Розгляньмо ще один приклад використання циклу for, щоб закріпити синтаксис у пам'яті:

123
for (let i:number = 10; i <= 25; i = i + 5) { console.log(`The value of 'i' is ${i}`); }
copy

Тепер ми задали дещо інші умови для зміни змінної i. Спочатку їй присвоюється значення 10, а потім вона збільшується на 5 кожного разу до досягнення значення 25.

Навіщо це потрібно?

Для точного визначення кількості ітерацій та встановлення особливих умов для ітерацій.

Уявімо, що у вас раптово з'явилося бажання обчислити суму всіх чисел від 1 до 100. Робити це вручну займає багато часу, як і за допомогою калькулятора. Тому пропоную написати швидкий цикл, який зробить це за нас:

1234567
let res: number = 0; // result variable for (let i: number = 1; i <= 100; i++) { // i <= 100 res += i; } console.log(res); // printing result
copy

У наведеному вище коді ми ініціалізуємо змінну для збереження результату. Далі, у циклі, ми ініціалізуємо змінну i. Спочатку i дорівнює 1, і змінна i позначає число, яке додається на кожній ітерації. Це триває до додавання числа 100. Після цього цикл завершується.

Зверніть увагу на операцію, яку ми виконуємо зі змінною res. Ми використовуємо res += i;, що еквівалентно res = res + i;. Це дозволяє спростити будь-яке переназначення. Наприклад, якщо потрібно множити, можна використати res *= i замість res = res * i.

Тепер ви знаєте, що сума всіх чисел від 1 до 100 дорівнює 5050. Не знаю, де ви використаєте цю інформацію, але вона корисна!

1. Для чого в основному використовується цикл for у TypeScript?

2. Яка частина циклу for у TypeScript визначає умову для продовження виконання циклу?

question mark

Для чого в основному використовується цикл for у TypeScript?

Select the correct answer

question mark

Яка частина циклу for у TypeScript визначає умову для продовження виконання циклу?

Select the correct answer

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 2.94

bookІтерація з Використанням For-Циклу

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

Перейдемо до найбільш поширеного типу циклів — циклу for. Цикл for — це цикл, який виконує заздалегідь визначену кількість операцій, встановлену програмістом. Його основна особливість полягає в тому, що всередині циклу створюється окрема змінна, яка зберігає номер ітерації, а також умова завершення циклу та операція над створеною змінною. Розглянемо синтаксис:

for (initialization; condition; increment/decrement) {
    // Code to be executed in each iteration
}

У цьому синтаксисі:

  • initialization виконується один раз перед початком циклу та зазвичай використовується для ініціалізації лічильника;
  • condition — це умова, яка перевіряється перед кожною ітерацією. Якщо умова дорівнює true, цикл продовжує виконання; якщо false — цикл завершується;
  • increment/decrement виконується після кожної ітерації та зазвичай використовується для збільшення або зменшення значення лічильника.

Приклад використання циклу for:

123
for (let i = 1; i <= 5; i++) { console.log(`Iteration number ${i}`); }
copy

Розглянемо детально кожен елемент запису та зрозуміємо його призначення:

  • let i = 0; – ініціалізація. Це змінна, яка створюється при вході в цикл і видаляється після завершення всіх необхідних ітерацій. i — це індекс, скорочення, яке часто використовують програмісти для зручності. Ви можете дати цій змінній будь-яке ім'я. Цей індекс визначає, яка саме ітерація виконується у послідовності;
  • i <= 5; – умова. Це обмеження, до якого буде збільшуватися кількість ітерацій. Під час кожної ітерації змінна i буде збільшуватися, поки не досягне межі. У нашому випадку межа — 5. Коли i набуде значення 5, цикл завершиться;
  • i++ – інкремент. Це означає, наскільки буде збільшуватися змінна i під час кожної ітерації циклу. Тут можна використовувати різні операції, наприклад, i-- або навіть i = i * 3. Будь-яка операція;
  • console.log(`Iteration number ${i}`); – це дія, яку виконує цикл. У нашому випадку виводиться значення змінної i, щоб побачити, яка ітерація виконується зараз.

Розгляньмо ще один приклад використання циклу for, щоб закріпити синтаксис у пам'яті:

123
for (let i:number = 10; i <= 25; i = i + 5) { console.log(`The value of 'i' is ${i}`); }
copy

Тепер ми задали дещо інші умови для зміни змінної i. Спочатку їй присвоюється значення 10, а потім вона збільшується на 5 кожного разу до досягнення значення 25.

Навіщо це потрібно?

Для точного визначення кількості ітерацій та встановлення особливих умов для ітерацій.

Уявімо, що у вас раптово з'явилося бажання обчислити суму всіх чисел від 1 до 100. Робити це вручну займає багато часу, як і за допомогою калькулятора. Тому пропоную написати швидкий цикл, який зробить це за нас:

1234567
let res: number = 0; // result variable for (let i: number = 1; i <= 100; i++) { // i <= 100 res += i; } console.log(res); // printing result
copy

У наведеному вище коді ми ініціалізуємо змінну для збереження результату. Далі, у циклі, ми ініціалізуємо змінну i. Спочатку i дорівнює 1, і змінна i позначає число, яке додається на кожній ітерації. Це триває до додавання числа 100. Після цього цикл завершується.

Зверніть увагу на операцію, яку ми виконуємо зі змінною res. Ми використовуємо res += i;, що еквівалентно res = res + i;. Це дозволяє спростити будь-яке переназначення. Наприклад, якщо потрібно множити, можна використати res *= i замість res = res * i.

Тепер ви знаєте, що сума всіх чисел від 1 до 100 дорівнює 5050. Не знаю, де ви використаєте цю інформацію, але вона корисна!

1. Для чого в основному використовується цикл for у TypeScript?

2. Яка частина циклу for у TypeScript визначає умову для продовження виконання циклу?

question mark

Для чого в основному використовується цикл for у TypeScript?

Select the correct answer

question mark

Яка частина циклу for у TypeScript визначає умову для продовження виконання циклу?

Select the correct answer

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

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

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

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