Уроки Javascript

#7 – Масиви даних. Одновимірні та багатовимірні масиви

#7 – Масиви даних. Одновимірні та багатовимірні масиви

За урок ми навчимося працювати з масивами даних у мові JavaScript. За допомогою масивів можна зберігати великі обсяги інформації в одному місці. Ми вивчимо одновимірні та багатовимірні масиви даних.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Масиви дозволяють зберігати великий обсяг інформації одному місці. У JavaScript можна знайти кілька основних типів масивів. 


Одновимірний масив

Одновимірний масив складається з кількох елементів, об'єднаних під одним ім'ям. Щоб створити масив, необхідно створити змінну та присвоїти їй значення new Array(). Усередині ви можете через кому записувати різні значення, які й будуть елементами масиву.


У масивах відлік починається з 0, тому перший елемент індексу дорівнюватиме 0, другий - 1 і так далі.

Приклади створення масиву:

var some = new Array(); // Створення порожнього масиву
some[0] = '1'; // Додавання 1 елемента
some[1] = 2; // Додавання 2 елемента
console.log(some[0]); // Виведення першого елемента
var array = new Array (1, 5, 2); // Створення масиву зі значеннями відразу ж

Працювати з елементами масиву можна точно як зі змінними. Ми можемо їх виводити або встановлювати для них нові значення.

Для масивів існує кілька додаткових функцій, які ще будуть вивчені під час курсу. Зараз був вивчений лише метод length, який дозволяє отримати довжину всього масиву.

Приклад методу:

var elements = new Array(23, 6, 0, true, "Перший");
// Виведе значення 5, тому що в масиві 5 елементів
console.log(elements.length);

Спочатку масиви можуть здатися марними, але насправді це не так. Надалі ви зможете зрозуміти всю важливість масивів.


Багатовимірні масиви

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

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

Для створення двовимірних масивів потрібно використовувати подвійні квадратні дужки після типу даних. Виглядає такий масив як матриця, а записується так:

var x = new Array(new Array(0, 34, 2), new Array(3, 4, 5));
console.log(x[0][1]); // Виведе 34

// Можна їх одразу не встановлювати
var symbols = new Array(new Array(), new Array());
symbols [0][1] = 'A';

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

x[0][1] = 1; // Замість 34 тепер буде 1

Вихідний код

Весь код буде доступний після підписки на проект!

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Фреймворк Next JS / Изучение NextJS для начинающих
Изучение библиотек jQuery
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
Создание приложения на React JS / Использование API
Вивчення JavaScript: від нуля та до створення сайту
Изучение React JS / Redux библиотеки
Коментарі (2)
Додати коментар

Аліна 30 січня 2024 в 21:21

чому завдання з for, якщо ця тема розглядається пізніше?
Відповісти

Anna 27 вересня 2023 в 23:49

Звідки тут з'явився for?
Відповісти