Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Цикл While | Цикли
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Вступ до TypeScript

bookЦикл While

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

На початку кожної ітерації циклу перевіряється умова, і якщо вона дорівнює true, цикл виконується один раз, а потім умова перевіряється знову, доки не поверне false. Коли умова стає false, цикл зупиняється.

Теорія — це добре, але перейдемо до практики. Знайомимося з циклом while. Цей цикл виконує певну дію, доки умова залишається true. Це найпростіший і перший з усіх циклів. Батько всіх інших циклів і мій добрий друг. Синтаксис:

while (condition) {
    // The code that the loop will execute while the condition remains `true`
}

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

123456789
let condition: boolean = true; let number_of_rabbits: number = 2; while (condition) { number_of_rabbits = number_of_rabbits * 2; if (number_of_rabbits > 50) { condition = false; } } console.log(`Total number of rabbits is ${number_of_rabbits}`)
copy

За допомогою циклу ми множили кількість кроликів, враховуючи, що кожні 2 кролики дають потомство з двох нових кроликів. Однак у нас була умова, що не повинно бути більше ніж 50 кроликів.

Але чому у нас вийшло 64 кролики? Ми не зможемо прогодувати таку велику кількість кроликів! GIF нижче пояснює, чому це відбувається.

Відредагуємо код так, щоб зайві кролики переходили на іншу ферму. Що з ними відбувається на іншій фермі, нас не повинно турбувати.

12345678910
let condition: boolean = true; let number_of_rabbits: number = 2; while (condition) { number_of_rabbits = number_of_rabbits * 2; if (number_of_rabbits > 50) { condition = false; } } console.log(`Total number of rabbits is ${number_of_rabbits}`) console.log(`Extra rabbits: ${number_of_rabbits - 50}`)
copy

Тепер ми бачимо, скільки кроликів ми відправляємо на іншу ферму. Нас не цікавить, що на іншій фермі вирощують крокодилів.

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

123456
let number_of_rabbits = 2; while (number_of_rabbits < 50) { number_of_rabbits = number_of_rabbits * 2; } console.log(`Total number of rabbits is ${number_of_rabbits}`) console.log(`Extra rabbits: ${number_of_rabbits - 50}`)
copy

1. Що таке цикл у програмуванні?

2. Який із наведених циклів виконує блок коду, поки задана умова є true?

question mark

Що таке цикл у програмуванні?

Select the correct answer

question mark

Який із наведених циклів виконує блок коду, поки задана умова є true?

Select the correct answer

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

bookЦикл While

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

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

На початку кожної ітерації циклу перевіряється умова, і якщо вона дорівнює true, цикл виконується один раз, а потім умова перевіряється знову, доки не поверне false. Коли умова стає false, цикл зупиняється.

Теорія — це добре, але перейдемо до практики. Знайомимося з циклом while. Цей цикл виконує певну дію, доки умова залишається true. Це найпростіший і перший з усіх циклів. Батько всіх інших циклів і мій добрий друг. Синтаксис:

while (condition) {
    // The code that the loop will execute while the condition remains `true`
}

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

123456789
let condition: boolean = true; let number_of_rabbits: number = 2; while (condition) { number_of_rabbits = number_of_rabbits * 2; if (number_of_rabbits > 50) { condition = false; } } console.log(`Total number of rabbits is ${number_of_rabbits}`)
copy

За допомогою циклу ми множили кількість кроликів, враховуючи, що кожні 2 кролики дають потомство з двох нових кроликів. Однак у нас була умова, що не повинно бути більше ніж 50 кроликів.

Але чому у нас вийшло 64 кролики? Ми не зможемо прогодувати таку велику кількість кроликів! GIF нижче пояснює, чому це відбувається.

Відредагуємо код так, щоб зайві кролики переходили на іншу ферму. Що з ними відбувається на іншій фермі, нас не повинно турбувати.

12345678910
let condition: boolean = true; let number_of_rabbits: number = 2; while (condition) { number_of_rabbits = number_of_rabbits * 2; if (number_of_rabbits > 50) { condition = false; } } console.log(`Total number of rabbits is ${number_of_rabbits}`) console.log(`Extra rabbits: ${number_of_rabbits - 50}`)
copy

Тепер ми бачимо, скільки кроликів ми відправляємо на іншу ферму. Нас не цікавить, що на іншій фермі вирощують крокодилів.

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

123456
let number_of_rabbits = 2; while (number_of_rabbits < 50) { number_of_rabbits = number_of_rabbits * 2; } console.log(`Total number of rabbits is ${number_of_rabbits}`) console.log(`Extra rabbits: ${number_of_rabbits - 50}`)
copy

1. Що таке цикл у програмуванні?

2. Який із наведених циклів виконує блок коду, поки задана умова є true?

question mark

Що таке цикл у програмуванні?

Select the correct answer

question mark

Який із наведених циклів виконує блок коду, поки задана умова є true?

Select the correct answer

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

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

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

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