Вивчайте Ітерація по масивах за допомогою циклу 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]}`)
}

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

Створюється масив типу number з 10 елементів;
Мета — переглянути кожен елемент масиву та визначити, під яким індексом він знаходиться;
Оскільки індексація в масиві починається з 0, змінна i спочатку має значення 0. Також встановлюємо межу, що дорівнює довжині масиву, тобто 10;
Знаючи, що i — це індекс елемента, отримуємо елементи масиву та виводимо їх на екран за допомогою array[i];;
Оскільки 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]}`)
}

Використовуючи 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]}`)
}

У наведеному вище прикладі змінна 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]")
    }
}

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

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

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

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

Запитати АІ

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

Suggested prompts:

Can you explain how the last code example works in more detail?

What are some other ways to loop through an array in TypeScript?

Can you show how to use a for...of loop with arrays?

Awesome!

Completion rate improved to 2.94

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

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

Якщо потрібно отримати елемент з масиву, використовуємо 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]}`)
}

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

Створюється масив типу number з 10 елементів;
Мета — переглянути кожен елемент масиву та визначити, під яким індексом він знаходиться;
Оскільки індексація в масиві починається з 0, змінна i спочатку має значення 0. Також встановлюємо межу, що дорівнює довжині масиву, тобто 10;
Знаючи, що i — це індекс елемента, отримуємо елементи масиву та виводимо їх на екран за допомогою array[i];;
Оскільки 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]}`)
}


              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]}`)
}


              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]")
    }
}

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

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

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