На цьому уроці ми познайомимося з масивами, навчимося їх створювати, виконувати операції над їх елементами, а також розглянемо основні методи і властивості, доступні при роботі з ними.
поняття масиву
Масив - це упорядкований набір даних, який має ім'я і є екземпляром об'єкта Array. Він складається з елементів, доступ до яких здійснюється за допомогою їх порядкового номера (індексу). Нумерація елементів в масиві починається не з 1, а з 0.
На наступному малюнку наведено числовий масив, що складається з 7 елементів. Елементи даного масиву містять такі дані: 1 елемент (0 індекс) - число 123, 2 елемент (1 індекс) - число 214, 3 елемент (2 індекс) - число 315 і т.д.
- Число. У цьому випадку дана функція створить масив, що складається із зазначеного числа елементів. Всі ці елементи будуть мати значення undefined.
- Кілька значень через кому. В даному випадку функція-конструктор Array створить масив, що складається із зазначеної кількості елементів, і привласнить їм відповідні значення.
- Нічого. У цьому випадку дана функція створить порожній масив.
Робота з елементами масиву
Для того щоб звернутися до певного елемента масиву, необхідно вказати ім'я цього масиву і в квадратних дужках його індекс. Дана операція ще називається операцією індексації.
Наприклад, створимо порожній масив і додамо в нього 4 текстових елемента:
Наприклад, виведемо в консоль браузера (F12) значення 2 і 4 елементи масиву smartphoneColors:
Довжина масиву (кількість елементів в масиві)
Визначення кількості елементів в масиві здійснюється за допомогою властивості length.
Як отримати перший елемент масиву
Отримання значення першого елемента масиву здійснюється за допомогою вказівки в квадратних дужках цього масиву числа 0:
Як отримати останній елемент масиву
Отримання значення останнього елемента масиву здійснюється за допомогою вказівки в квадратних дужках цього масиву вираження імя_массіва.length-1:
перебір масиву
Перебір елементів масиву здійснюється за допомогою циклу for.
Наприклад, переберемо всі елементи масиву і виведемо їх значення в консоль браузера (F12):
Для чого призначений оператор delete
Оператор delete використовується не для видалення елемента з масиву, а для привласнення даного елементу масиву значення undefined.
Методи об'єкта Array
Об'єкт Array містить наступні методи для роботи з елементами масиву: pop (). push (). shift (). unshift (). slice (). splice (). join (). split (). reverse (). sort ().
Видалення останнього елемента масиву - pop
Метод pop призначений для видалення останнього елемента масиву. У даного методу немає параметрів. Як результат він повертає значення останнього (віддаленого) елемента масиву.
Додавання елемента в кінець масиву - push
Метод push призначений для додавання елемента в кінець масиву. Значення цього елемента вказується як параметр даного методу. Як результат метод push повертає кількість елементів в масиві з урахуванням доданого.
Видалення першого елемента масиву - shift
Метод shift призначений для видалення першого елемента з масиву, тобто елемента, що має індекс 0. Всі інші елементи масиву зміщуються до початку, тобто у них зменшується індекс на 1. Даний метод повертає в якості результату виконання значення віддаленого елемента масиву.
Додавання елемента в початок масиву - unshift
Метод unshift призначений для додавання елемента в початок масиву. Значення цього елемента вказується як параметр даного методу. Як результат даний метод повертає кількість елементів в масиві з урахуванням доданого.
Метод slice призначений для копіювання зазначених елементів масиву. Даний метод не змінює вихідний масив, а повертає в якості результату новий масив, що складається з скопійованих елементів.
Метод slice має 2 параметри:
- 1 параметр (обов'язковий) - призначений для вказівки індексу елемента, з якого необхідно починати копіювати елементи;
- 2 параметр (необов'язковий) - призначений для вказівки індексу елемента, до якого необхідно копіювати. Якщо його не вказати, то будуть скопійовані елементи до кінця зазначеного масиву.
Додавання і (або) видалення елементів - splice
Метод splice призначений для додавання і (або) видалення елементів масиву.
1. Метод splice дозволяє вирізати з масиву частина його елементів, тобто вони будуть видалені з масиву:
2. Метод splice також дозволяє додати (якщо 2 параметр дорівнює 0) елементи в масив, або одночасно додати і видалити (якщо 2 параметр більше 0) елементи масиву.
Даний метод має 3 параметри:
- 1 параметр (обов'язковий) - призначений для вказівки індексу елемента, з якого ми починаємо вирізати елементи;
- 2 параметр (обов'язковий) - призначений для вказівки кількості елементів, які необхідно вирізати;
- 3 і наступні параметри (необов'язкові) - призначені для додавання елементів в масив.
Перетворення масиву в рядок - join
Метод join призначений для перетворення масиву в рядок. Даний метод має параметр, який використовується як сполучна рядок між елементами масиву при їх перетворенні рядок. Якщо в якості параметра нічого не вказати, то для з'єднань елементів масиву буде використовуватися кома ( ",").
Перетворення рядка в масив - split
Метод split призначений для перетворення рядка в масив. Даний метод має один параметр, за який ви можете вказати рядок, на підставі якої дана рядок буде розбита на масив рядків.
Перегрупування елементів масиву в зворотному порядку - reverse
Метод reverse призначений для переупорядочивания елементів масиву в зворотному порядку.
Сортування елементів масиву - sort
Метод sort призначений для сортування елементів масиву. За замовчуванням цей метод сортує масив як рядки.