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

bookІтерація по масивах за допомогою циклу For

Правильна робота з масивами починається з циклів!

Ви вже знаєте, що таке масиви, і що індексація в них починається з нуля. Також вам відомо, що у циклі for можна призначити будь-яке значення змінній i. Наприклад, нуль! Але що, якщо нам зручно використовувати цикл for разом із масивом? Подумаймо:

  • Якщо потрібно отримати елемент з масиву, використовуємо array[index];;
  • Маємо змінну i, яка фактично замінює наш індекс;
  • Поєднуючи два попередні пункти, можна зробити висновок, що синтаксис array[i] у циклі for дозволяє швидко працювати з масивом. Розглянемо приклад:
12345
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < 10; i++) { console.log(`The ${i} element in the array is ${array[i]}`) }
copy

Розглянемо, що відбувається у наведеному вище коді:

  1. Створюється масив типу number з 10 елементів;
  2. Мета — переглянути кожен елемент масиву та визначити, під яким індексом він знаходиться;
  3. Оскільки індексація в масиві починається з 0, змінна i спочатку має значення 0. Також встановлюємо межу, що дорівнює довжині масиву, тобто 10;
  4. Знаючи, що i — це індекс елемента, отримуємо елементи масиву та виводимо їх на екран за допомогою array[i];;
  5. Оскільки i — це індекс елемента в масиві, одразу показуємо, під яким індексом знаходиться певний елемент.

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

12345
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < 10; i+=2) { console.log(`The ${i} element in the array is ${array[i]}`) }
copy

Використовуючи i+=2, що еквівалентно i = i + 2, ми отримуємо кожен елемент масиву, який знаходиться на парному індексі. Іншими словами, індекс елемента має бути кратним 2. Такими індексами є 0, 2, 4, 6 і так далі. Також зверніть увагу, що за допомогою i можна вивести індекс елемента, як показано у наведеному вище прикладі.

До речі, нам не потрібно вручну рахувати розмір масиву! Можна скористатися властивістю масиву array.length. Розглянемо приклад і одночасно подивимось, як ітерувати масив з кінця до початку (у випадку, якщо потрібно пройтись по масиву у зворотному порядку).

12345
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = array.length - 1; i >= 0; i--) { console.log(`The ${i} element in the array is ${array[i]}`) }
copy

У наведеному вище прикладі змінна i ініціалізується як array.length - 1, оскільки array.length дорівнює 10, а останній елемент масиву має індекс 9. Усе це через нульову індексацію.

Крім того, array.length можна використовувати не лише для ініціалізації, а й у умові. Існує багато різних прикладів для цього; усе залежить від уяви та конкретних сценаріїв використання. Наприклад:

123456789
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < array.length; i++) { if ((array.length - i) % 2 == 0) { console.log(`The ${i} element in the array is ${array[i]}`) } else { console.log("[DELETED DATA]") } }
copy

Якщо значення довжини масиву мінус індекс ділиться на 2, ми виводимо цей елемент. В іншому випадку виводимо 'DELETED DATA' — так наказав керівник.

question mark

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

Select the correct answer

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 2.94

bookІтерація по масивах за допомогою циклу For

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

Правильна робота з масивами починається з циклів!

Ви вже знаєте, що таке масиви, і що індексація в них починається з нуля. Також вам відомо, що у циклі for можна призначити будь-яке значення змінній i. Наприклад, нуль! Але що, якщо нам зручно використовувати цикл for разом із масивом? Подумаймо:

  • Якщо потрібно отримати елемент з масиву, використовуємо array[index];;
  • Маємо змінну i, яка фактично замінює наш індекс;
  • Поєднуючи два попередні пункти, можна зробити висновок, що синтаксис array[i] у циклі for дозволяє швидко працювати з масивом. Розглянемо приклад:
12345
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < 10; i++) { console.log(`The ${i} element in the array is ${array[i]}`) }
copy

Розглянемо, що відбувається у наведеному вище коді:

  1. Створюється масив типу number з 10 елементів;
  2. Мета — переглянути кожен елемент масиву та визначити, під яким індексом він знаходиться;
  3. Оскільки індексація в масиві починається з 0, змінна i спочатку має значення 0. Також встановлюємо межу, що дорівнює довжині масиву, тобто 10;
  4. Знаючи, що i — це індекс елемента, отримуємо елементи масиву та виводимо їх на екран за допомогою array[i];;
  5. Оскільки i — це індекс елемента в масиві, одразу показуємо, під яким індексом знаходиться певний елемент.

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

12345
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < 10; i+=2) { console.log(`The ${i} element in the array is ${array[i]}`) }
copy

Використовуючи i+=2, що еквівалентно i = i + 2, ми отримуємо кожен елемент масиву, який знаходиться на парному індексі. Іншими словами, індекс елемента має бути кратним 2. Такими індексами є 0, 2, 4, 6 і так далі. Також зверніть увагу, що за допомогою i можна вивести індекс елемента, як показано у наведеному вище прикладі.

До речі, нам не потрібно вручну рахувати розмір масиву! Можна скористатися властивістю масиву array.length. Розглянемо приклад і одночасно подивимось, як ітерувати масив з кінця до початку (у випадку, якщо потрібно пройтись по масиву у зворотному порядку).

12345
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = array.length - 1; i >= 0; i--) { console.log(`The ${i} element in the array is ${array[i]}`) }
copy

У наведеному вище прикладі змінна i ініціалізується як array.length - 1, оскільки array.length дорівнює 10, а останній елемент масиву має індекс 9. Усе це через нульову індексацію.

Крім того, array.length можна використовувати не лише для ініціалізації, а й у умові. Існує багато різних прикладів для цього; усе залежить від уяви та конкретних сценаріїв використання. Наприклад:

123456789
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0]; for (let i: number = 0; i < array.length; i++) { if ((array.length - i) % 2 == 0) { console.log(`The ${i} element in the array is ${array[i]}`) } else { console.log("[DELETED DATA]") } }
copy

Якщо значення довжини масиву мінус індекс ділиться на 2, ми виводимо цей елемент. В іншому випадку виводимо 'DELETED DATA' — так наказав керівник.

question mark

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

Select the correct answer

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

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

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

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