Colecții indexate în JavaScript se referă la structuri de date, cum ar fi matrice, în care elementele sunt stocate și accesate de indici numerici. Matricele permit stocarea și preluarea eficientă a datelor ordonate, oferind metode de manipulare și parcurgere a elementelor lor.

Exemplu

un matrice numit „elev” conține numele studenților, iar valorile indexului sunt Roll Numerele a elevilor. JavaScript nu are un tip de date matrice explicit. Cu toate acestea, putem folosi obiectul Array predefinit în JavaScript și metodele sale pentru a lucra cu matrice.

Crearea unei matrice: Există multe modalități de a crea și inițializa o matrice care este listată mai jos:

• Crearea de matrice fără a defini lungimea matricei. În acest caz, lungimea este egală cu numărul de argumente.

Sintaxă:

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

• Crearea unei matrice cu dimensiunea dată

Sintaxă:

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

• Creați o matrice de lungime variabilă și adăugați multe elemente după cum aveți nevoie.

// 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'];>

Metodele care pot fi aplicate peste matrice sunt:

• Accesarea elementelor de matrice
• Obținerea lungimii matricei
• Iterarea peste matrice
  • JavaScript pentru buclă
  • Buclă JavaScript forEach().
  • JavaScript pentru fiecare buclă cu Funcții săgeți
• Metode de matrice
  • Metoda JavaScript push().
  • Metoda JavaScript pop().
  • Metoda JavaScript concat().
  • Metoda JavaScript join().
  • Metoda JavaScript sort().
  • Metoda JavaScript indexOf().
  • Metoda JavaScript shift().
  • Metoda JavaScript filter().

Accesarea elementelor de matrice

Utilizați indici pentru a accesa elementele matricei. Indicii de matrice sunt bazați pe zero, ceea ce înseamnă că indicele elementelor începe cu zero.

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

Apple Mango>

Obținerea lungimii matricei

Pentru a obține lungimea unui tablou, utilizați nume_matrice. proprietatea lungimii .

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

3>

Iterarea peste matrice

Există multe moduri de a repeta elementele matricei.

• JavaScript pentru buclă : for loop oferă o modalitate concisă de scriere a structurii buclei. Spre deosebire de o buclă while, o instrucțiune for consumă inițializarea, condiția și creșterea/decrementarea într-o singură linie, oferind astfel o structură a buclei mai scurtă și ușor de depanat.

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

Apple Mango Banana>

• Buclă JavaScript forEach(). : Funcția forEach() oferă o dată pentru fiecare element al matricei. Funcția furnizată poate efectua orice fel de operație asupra elementelor matricei date.

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

Apple Mango Banana>

• JavaScript forEach Loop cu Funcții săgeți :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(fructe));>>>  
  Ieșire  
Apple Mango Banana>
  
    Metode de matrice    
Există diverse metode de matrice disponibile pentru a lucra cu matrice. Acestea sunt:
 
     Metoda JavaScript push().        :    Această metodă adaugă unul sau mai multe elemente la sfârșitul unui tablou și returnează lungimea rezultată a matricei.
javascript 
let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>
   
  Ieșire  

• Metoda JavaScript pop(). : Această metodă elimină ultimul element dintr-o matrice și returnează acel element.

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

3>

• Metoda JavaScript concat(). : Aceasta metoda se alătură două matrice și returnează o nouă matrice.

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

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

• Metoda JavaScript join(). : Această metodă creează un șir prin unirea tuturor elementelor unui tablou.

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

john - jane - joe>

• Metoda JavaScript sort(). : Această metodă sortează elementele unui tablou.

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

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

• Metoda JavaScript indexOf(). : Această metodă caută în matrice un Element și returnează indexul primei apariții a elementului.

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

1>

• Metoda JavaScript shift(). : Această metodă elimină primul element dintr-o matrice și returnează acel element.

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

a>

• Metoda JavaScript reverse(). : Această metodă inversează primul element de matrice devenind ultimul, iar ultimul devine primul. Transpune toate elementele dintr-o matrice în acest mod și returnează o referință la matrice.

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

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

• Metoda JavaScript map(). : Această metodă returnează o nouă matrice a valorii returnate de la executarea unei funcții pe fiecare element de matrice.

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

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

• Metoda JavaScript filter(). : Această metodă returnează o nouă matrice care conține elementele pentru care funcția a returnat adevărat.

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

[ 10, 20, 30 ]>