Вивчайте цикл "для

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

for (ініціалізація; умова; інкремент/декремент) {
    // Код, що виконується в кожній ітерації
}

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

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

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


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

Давайте пройдемося по всьому написаному і розберемося, що до чого:

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

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

Тепер ми встановили дещо інші умови для зміни змінної 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

У вищенаведеному коді ми ініціалізуємо змінну, яка зберігає наш результат. Потім, всередині циклу, ми ініціалізуємо нашу змінну '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 визначає умову продовження циклу?

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

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

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

Запитати АІ

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

Suggested prompts:

Can you explain how the for loop works step by step?

What happens if I change the increment value in the for loop?

Can you show an example with a different starting value or condition?

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

for (ініціалізація; умова; інкремент/декремент) {
    // Код, що виконується в кожній ітерації
}

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

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

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


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

Давайте пройдемося по всьому написаному і розберемося, що до чого:

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

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

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

Щоб точно визначити **кількість ітерацій** і задати **спеціальні умови для ітерацій**.


              1234567
            
let res: number = 0; // result variable

for (let i: number = 1; i <= 100; i++) { // i <= 100
    res += i;
}

console.log(res); // printing result

1. З чим в першу чергу допомагає цикл `for' в TypeScript?

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

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

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

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

цикл "для

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

1. З чим в першу чергу допомагає цикл `for' в TypeScript?

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

Awesome!

цикл "для

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

1. З чим в першу чергу допомагає цикл `for' в TypeScript?

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