Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Оголошення та Переваги Масивів | Масиви
Quizzes & Challenges
Quizzes
Challenges
/
Вступ до TypeScript

bookОголошення та Переваги Масивів

Уявіть, що у вас є декілька книжок, скажімо, 5 штук. Ці книжки розкидані на підлозі, і не завжди зручно дістати ту, яка потрібна. Так само змінні та дані розкидані у пам'яті вашого пристрою.

Яке рішення цієї проблеми?

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

Досить теорії, перейдемо до коду:

let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]

Ми реалізували книжкову полицю у вигляді масиву. Коротко розглянемо синтаксис:

  • let books: type[] — тут ми визначаємо name та type нашого масиву. Типізуємо масив як string[], оскільки він зберігатиме назви книжок. Зверніть увагу на символи [], які вказуємо разом із типом. Вони означають, що це саме масив, а не проста змінна;
  • = [element1, element2, element3, ..., elementN]; — тут ми присвоюємо значення масиву. Зверніть увагу на синтаксис: ми записуємо значення типу string, розділені комами, у квадратних дужках ([]). Це наша книжкова полиця з назвами різних книжок.

П: Виникає питання, як отримати потрібну книгу з полиці?

В: Відповідь — за індексом.

Індексація

На даний момент можна отримати елемент з нашої книжкової полиці. Це робиться просто:

123
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"] var favoriteBook = books[2]; console.log(favoriteBook)
copy

Синтаксис виглядає так: arrayName[index]. Таким чином, ми можемо отримати доступ до елементів на нашій 'книжковій полиці.'

Зверніть увагу на номер індексу; ми звертаємося до елемента з індексом 1, що буде другим елементом у масиві. Це нульова індексація, тобто перший елемент має індекс 0, другий — 1, третій — 2 і так далі.

Щоб отримати доступ до останнього елемента на нашій 'книжковій полиці', потрібно звернутися до елемента з індексом 4, оскільки всього у нас 5 елементів, а отже, 4 — це останній індекс. Це можна виразити формулою: index = element's_position_in_order - 1.

Зміна елементів масиву

Ми можемо замінити або змінити елемент у масиві, звернувшись до нього за його індексом; це робиться наступним чином:

123
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"] books[5] = "Harry Potter" console.log(books[5])
copy

Це дуже просто; головне — правильно обрати індекс. Але досвідчений програміст зазвичай добре знає свої масиви. У наступному розділі ви дізнаєтеся, як правильно змінювати, додавати та видаляти елементи з масиву. Попереду ще багато цікавого!

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

bookОголошення та Переваги Масивів

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

Уявіть, що у вас є декілька книжок, скажімо, 5 штук. Ці книжки розкидані на підлозі, і не завжди зручно дістати ту, яка потрібна. Так само змінні та дані розкидані у пам'яті вашого пристрою.

Яке рішення цієї проблеми?

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

Досить теорії, перейдемо до коду:

let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]

Ми реалізували книжкову полицю у вигляді масиву. Коротко розглянемо синтаксис:

  • let books: type[] — тут ми визначаємо name та type нашого масиву. Типізуємо масив як string[], оскільки він зберігатиме назви книжок. Зверніть увагу на символи [], які вказуємо разом із типом. Вони означають, що це саме масив, а не проста змінна;
  • = [element1, element2, element3, ..., elementN]; — тут ми присвоюємо значення масиву. Зверніть увагу на синтаксис: ми записуємо значення типу string, розділені комами, у квадратних дужках ([]). Це наша книжкова полиця з назвами різних книжок.

П: Виникає питання, як отримати потрібну книгу з полиці?

В: Відповідь — за індексом.

Індексація

На даний момент можна отримати елемент з нашої книжкової полиці. Це робиться просто:

123
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"] var favoriteBook = books[2]; console.log(favoriteBook)
copy

Синтаксис виглядає так: arrayName[index]. Таким чином, ми можемо отримати доступ до елементів на нашій 'книжковій полиці.'

Зверніть увагу на номер індексу; ми звертаємося до елемента з індексом 1, що буде другим елементом у масиві. Це нульова індексація, тобто перший елемент має індекс 0, другий — 1, третій — 2 і так далі.

Щоб отримати доступ до останнього елемента на нашій 'книжковій полиці', потрібно звернутися до елемента з індексом 4, оскільки всього у нас 5 елементів, а отже, 4 — це останній індекс. Це можна виразити формулою: index = element's_position_in_order - 1.

Зміна елементів масиву

Ми можемо замінити або змінити елемент у масиві, звернувшись до нього за його індексом; це робиться наступним чином:

123
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"] books[5] = "Harry Potter" console.log(books[5])
copy

Це дуже просто; головне — правильно обрати індекс. Але досвідчений програміст зазвичай добре знає свої масиви. У наступному розділі ви дізнаєтеся, як правильно змінювати, додавати та видаляти елементи з масиву. Попереду ще багато цікавого!

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

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

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

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