Array (масив) JavaScript – опис та базові операції

Array (масив) у JavaScript – це структура даних для зберігання впорядкованих колекцій елементів, що має наступні характеристики:

  • розмір масиву не є фіксованим (тобто його можна змінювати)
  • масив JavaScript може одночасно містити елементи різних типів даних
  • для доступу до елементів масиву використовуються лише невід’ємні цілі числа (індекси)
  • перший елемент масиву має індекс 0, останній елемент – значення властивості масиву length мінус 1

Зміст запису:

  1. Створення масиву JavaScript
  2. Доступ до елементів масиву JavaScript
  3. Отримання розміру Array
  4. Базові операції над масивами JavaScript

Створення масиву JavaScript

Створення масиву за допомогою конструктора Array():

let numbers = new Array();

Масив numbers порожній, тобто не містить жодного елементу.

JavaScript дозволяє опускати оператор new, при використанні конструктора Array():

let numbers = Array();

Якщо відома кількість елементів, котру повинен містити масив, є можливість створити масив з початковим розміром:

let numbers = new Array(10);

Приклад створення масиву, з початковою ініціалізацією деякими елементами:

let numbers = new Array(1, 10, 5, 20, 25);

Слід звернути увагу, що якщо використати конструктор Array() для створення масиву і передати в нього одне число, буде створено масив з початковим розміром:

// створення масиву з початковим розміром 3 елементи
let letters = new Array(3);

// створення масиву з трьома елементами 1, 2, 3
let numbers = new Array(1, 2, 3);

// створення масиву з одним елементом 'Red'
let colors = new Array('Red');

На практиці частіший спосіб створення масиву, це використання літеральної нотації масиву:

let numbers = [1, 2, 3];

Для створення порожнього масиву за допомогою літералу, слід використати квадратні дужки, не вказуючи жодного елемента:

let numbers = [];

Доступ до елементів масиву JavaScript

Масиви у JavaScript мають нульову індексацію, тобто перший елемент масиву має індекс 0, другий елемент – індекс 1, і так далі.

Щоб отримати доступ до елемента масиву, слід вказати індекс у квадратних дужках [index]:

let numbers = [1, 2, 3];

console.log(numbers[0]); // 1

Зміна значення елемента робиться наступним чином:

let numbers = [1, 2, 3];
numbers[1] = 5;

console.log(numbers[1]); // 5

Отримання розміру Array

Властивість масиву length, повертає кількість його елементів. Приклад:

let numbers = [1, 2, 3];

console.log(numbers.length); // 3

Базові операції над масивами JavaScript

Нижче наведено деякі приклади базових операцій над масивами JavaScript. Більш складні операції (такі як map(), filter(), reduce()), будуть розглянуті в окремих записах.

Для додавання елементу в кінець масиву, використовується метод push():

let numbers = [1, 2, 3];
numbers.push(5);

console.log(numbers); // [ 1, 2, 3, 5 ]

Для додавання елементу в початок масиву, використовується метод unshift():

let numbers = [1, 2, 3];
numbers.unshift(5);

console.log(numbers); // [ 5, 1, 2, 3 ]

Для видалення елементу з кінця масиву, використовується метод pop(). Додатково pop() також повертає видалений елемент:

let numbers = [1, 2, 3];
let deletedElement = numbers.pop();

console.log(numbers); // [ 1, 2 ]
console.log(deletedElement); // 3

Метод shift() працює аналогічно до pop(), з тією різницею, що видаляється елемент з початку масиву:

let numbers = [1, 2, 3];
let deletedElement = numbers.shift();

console.log(numbers); // [ 2, 3 ]
console.log(deletedElement); // 1

Щоб знайти індекс елемента у масиві, використовується метод indexof():

let numbers = [1, 2, 3];
index = numbers.indexOf(2);

console.log(index); // 1

Щоб перевірити, чи є значення масивом, використовується метод Array.isArray():

let numbers = [1, 2, 3];

console.log(Array.isArray(numbers)); // true

Підсумок

Arrays (масиви) відіграють важливу роль у розробці на JavaScript. Вони надають гнучку структуру даних, для зберігання та управління колекціями елементів.

Додатково може бути корисним ознайомитись:

JavaScript Array – метод splice

Мітки: