У цьому посібнику ви дізнаєтесь про масив JavaScript за допомогою прикладів.
Як відомо, змінна може зберігати один елемент. Якщо вам потрібно зберегти кілька елементів одночасно, ви можете використовувати масив.
Масив - це об’єкт, який може зберігати кілька елементів . Наприклад,
const myArray = ('hello', 'world', 'welcome');
Створіть масив
Ви можете створити масив двома способами:
1. Використання літералу масиву
Найпростіший спосіб створити масив - це використання літералу масиву (). Наприклад,
const array1 = ("eat", "sleep");
2. Використання нового ключового слова
Ви також можете створити масив, використовуючи newключове слово JavaScript .
const array2 = new Array("eat", "sleep");
В обох наведених вище прикладах ми створили масив із двома елементами.
Примітка : Для створення масиву рекомендується використовувати літерал масиву.
Ось ще приклади масивів:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Ви також можете зберігати масиви, функції та інші об'єкти всередині масиву. Наприклад,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Доступ до елементів масиву
Ви можете отримати доступ до елементів всередині масиву за допомогою індексів (0, 1, 2…) . Наприклад,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Індексація масиву в JavaScript
Примітка : Індекс масиву починається з 0, а не з 1.
Додавання елемента до масиву
Ви можете використовувати вбудований метод push()і unshift()для додавання елемента до масиву.
push()Метод додає елемент в кінці масиву і повертає довжину нового масиву. Наприклад,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Метод додає новий елемент в початок масиву і повертає нову довжину масиву. Наприклад,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Змінити елементи масиву
Ви також можете додавати елементи або змінювати елементи, отримуючи доступ до значення індексу.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Припустимо, масив має два елементи. Якщо ви спробуєте додати елемент з індексом 3 (четвертий елемент), третій елемент буде невизначеним. Наприклад,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
В основному, якщо ви намагаєтесь додати елементи до високих індексів, індекси між ними матимуть невизначене значення.
Видалення елемента з масиву
За допомогою pop()методу можна видалити останній елемент із масиву. pop()Метод також повертає значення, що повертається. Наприклад,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Якщо вам потрібно видалити перший елемент, ви можете скористатися shift()методом. shift()Метод видаляє перший елемент , а також повертає видалений елемент. Наприклад,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Довжина масиву
Ви можете знайти довжину елемента (кількість елементів у масиві), використовуючи lengthвластивість. Наприклад,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Методи масивів
У JavaScript доступні різні методи масивів, що полегшує виконання корисних обчислень.
Деякі з найбільш часто використовуваних методів масивів JavaScript:
| Метод | Опис |
|---|---|
| concat () | приєднує два або більше масивів і повертає результат |
| indexOf () | шукає елемент масиву і повертає його позицію |
| знайти () | повертає перше значення елемента масиву, який проходить тест |
| findIndex () | повертає перший індекс елемента масиву, який проходить тест |
| для кожного() | викликає функцію для кожного елемента |
| включає () | перевіряє, чи містить масив вказаний елемент |
| push () | додає новий елемент до кінця масиву і повертає нову довжину масиву |
| зрушення () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Оскільки масиви є об'єктами, елементи масиву зберігаються за посиланням. Отже, коли значення масиву копіюється, будь-яка зміна скопійованого масиву також відображатиметься у вихідному масиві. Наприклад,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Ви також можете зберігати значення, передаючи іменований ключ у масив. Наприклад,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Індексація масиву в JavaScript
Однак не рекомендується зберігати значення, передаючи довільні імена в масиві.
Отже, у JavaScript ви повинні використовувати масив, якщо значення знаходяться в упорядкованій колекції. В іншому випадку краще використовувати об'єкт з ( ).
Рекомендовані статті
- JavaScript для кожного
- JavaScript для… of
- Багатовимірний масив JavaScript
