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

приклад

ан масив під назвою «студент» містить імена студентів, а значення індексу є списком Числа студентів. JavaScript не має явного типу даних масиву. Однак ми можемо використовувати попередньо визначений об’єкт Array у JavaScript та його методи для роботи з масивами.

Створення масиву: Нижче наведено багато способів створити та ініціалізувати масив:

• Створення масивів без визначення довжини масиву. У цьому випадку довжина дорівнює кількості аргументів.

Синтаксис:

let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>

• Створення масиву заданого розміру

Синтаксис:

let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>

• Створіть масив змінної довжини та додайте стільки елементів, скільки потрібно.

// First method: Initialize an empty // array then add elements let students = []; students [0] = 'Sujata Singh'; students [1] = 'Mahesh Kumar'; students [2] = 'Leela Nair'; // Second method: Add elements to // an array when you create it let fruits = ['apple', ‘mango', 'Banana'];>

До масивів можна застосовувати такі методи:

• Доступ до елементів масиву
• Отримання довжини масиву
• Ітерація по масивах
  • Цикл JavaScript for
  • Цикл JavaScript forEach().
  • Цикл JavaScript forEach з Функції стрілок
• Методи масиву
  • Метод JavaScript push().
  • Метод JavaScript pop().
  • Метод JavaScript concat().
  • Метод JavaScript join().
  • Метод JavaScript sort().
  • Метод JavaScript indexOf().
  • Метод JavaScript shift().
  • Метод JavaScript filter().

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

Використовуйте індекси для доступу до елементів масиву. Індекси масивів починаються з нуля, що означає, що індекси елементів починаються з нуля.

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits [0]); console.log(fruits[1]);>

Apple Mango>

Отримання довжини масиву

Щоб отримати довжину масиву, використовуйте array_name. властивість довжини .

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits.length)>

3>

Ітерація по масивах

Існує багато способів ітерації елементів масиву.

• Цикл JavaScript for : Цикл for забезпечує стислий спосіб запису структури циклу. На відміну від циклу while, оператор for використовує ініціалізацію, умову та приріст/зменшення в одному рядку, таким чином забезпечуючи коротшу структуру циклу, яку легко налагодити.

const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]); }>

Apple Mango Banana>

• Цикл JavaScript forEach(). : Функція forEach() надає один раз для кожного елемента масиву. Надана функція може виконувати будь-які операції над елементами заданого масиву.

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) {  console.log(fruit); });>

Apple Mango Banana>

• JavaScript forEach Loop з Функції стрілок :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(фрукти));>

Apple Mango Banana>

Методи масиву

Нам доступні різні методи роботи з масивами. Це:

• Метод JavaScript push(). : Цей метод додає один або кілька елементів у кінець масиву та повертає результуючу довжину масиву.

let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>

[ '1', '2', '3' ]>

• Метод JavaScript pop(). : Цей метод видаляє останній елемент із масиву та повертає цей елемент.

let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);>

3>

• Метод JavaScript concat(). : Цей метод приєднується два масиви та повертає новий масив.

let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);>

[ '1', '2', '3', 'a', 'b', 'c' ]>

• Метод JavaScript join(). : Цей метод створює рядок шляхом об’єднання всіх елементів масиву.

let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);>

john - jane - joe>

• Метод JavaScript sort(). : Цей метод сортує елементи масиву.

let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);>

[ 'East', 'South', 'West' ]>

• Метод JavaScript indexOf(). : Цей метод шукає в масиві елемент і повертає індекс першого входження елемента.

let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));>

1>

• Метод JavaScript shift(). : Цей метод видаляє перший елемент із масиву та повертає цей елемент.

let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);>

a>

• Метод JavaScript reverse(). : Цей метод перетворює перший елемент масиву на останній, а останній – на перший. Він транспонує всі елементи в масиві таким чином і повертає посилання на масив.

let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);>

[ 'c', 'b', 'a' ]>

• Метод JavaScript map(). : Цей метод повертає новий масив поверненого значення від виконання функції для кожного елемента масиву.

let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) {  return item.toUpperCase(); }); console.log(a2);>

[ 'A', 'B', 'C' ]>

• Метод JavaScript filter(). : Цей метод повертає новий масив, що містить елементи, для яких функція повернула true.

let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) {  return typeof item === 'number'; }); console.log(a2);>

[ 10, 20, 30 ]>