Col·leccions indexades en JavaScript es refereixen a estructures de dades com les matrius, on els elements s'emmagatzemen i s'hi accedeix mitjançant índexs numèrics. Les matrius permeten l'emmagatzematge i la recuperació eficients de dades ordenades, proporcionant mètodes per a la manipulació i el recorregut dels seus elements.

Exemple

un matriu anomenat 'estudiant' conté els noms dels estudiants i els valors de l'índex són el Roll Nombres dels alumnes. JavaScript no té un tipus de dades de matriu explícit. Tanmateix, podem utilitzar l'objecte Array predefinit a JavaScript i els seus mètodes per treballar amb matrius.

Creació d'una matriu: Hi ha moltes maneres de crear i inicialitzar una matriu que s'enumeren a continuació:

• Creació de matrius sense definir la longitud de la matriu. En aquest cas, la longitud és igual al nombre d'arguments.

Sintaxi:

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

• Creació d'una matriu amb la mida donada

Sintaxi:

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

• Creeu una matriu de longitud variable i afegiu molts elements segons necessiteu.

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

Els mètodes que es poden aplicar sobre matrius són:

• Accés als elements de la matriu
• Obtenció de la longitud de la matriu
• Iteració sobre matrius
  • JavaScript for bucle
  • Bucle JavaScript forEach().
  • JavaScript per a cada bucle amb Funcions de fletxa
• Mètodes de matriu
  • Mètode push() de JavaScript
  • Mètode JavaScript pop().
  • Mètode JavaScript concat().
  • Mètode JavaScript join().
  • Mètode JavaScript sort().
  • JavaScript indexOf() Mètode
  • Mètode JavaScript shift().
  • JavaScript filter() Mètode

Accés als elements de la matriu

Utilitzeu índexs per accedir als elements de la matriu. Els índexs de matrius es basen en zero, el que significa que l'índex dels elements comença amb zero.

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

Apple Mango>

Obtenció de la longitud de la matriu

Per obtenir la longitud d'una matriu, utilitzeu nom_matriu. propietat de longitud .

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

3>

Iteració sobre matrius

Hi ha moltes maneres d'iterar els elements de la matriu.

• JavaScript for bucle : for loop proporciona una manera concisa d'escriure l'estructura del bucle. A diferència d'un bucle while, una instrucció for consumeix la inicialització, la condició i l'increment/decrement en una línia, proporcionant així una estructura de bucle més curta i fàcil de depurar.

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

Apple Mango Banana>

• Bucle JavaScript forEach(). : La funció forEach() proporciona una vegada per a cada element de la matriu. La funció proporcionada pot realitzar qualsevol tipus d'operació sobre els elements de la matriu donada.

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

Apple Mango Banana>

• JavaScript forEach Loop amb Funcions de fletxa :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(fruita));>>>  
  Sortida  
Apple Mango Banana>
  
    Mètodes de matriu    
Hi ha diversos mètodes de matriu disponibles per treballar amb matrius. Aquests són:
 
     Mètode push() de JavaScript        :    Aquest mètode afegeix un o més elements al final d'una matriu i retorna la longitud resultant de la matriu.
javascript 
let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>
   
  Sortida  

• Mètode JavaScript pop(). : Aquest mètode elimina l'últim element d'una matriu i retorna aquest element.

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

3>

• Mètode JavaScript concat(). : Aquest mètode s'uneix dues matrius i retorna una nova matriu.

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

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

• Mètode JavaScript join(). : Aquest mètode crea una cadena unint tots els elements d'una matriu.

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

john - jane - joe>

• Mètode JavaScript sort(). : Aquest mètode ordena els elements d'una matriu.

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

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

• JavaScript indexOf() Mètode : Aquest mètode cerca un element a la matriu i retorna l'índex de la primera ocurrència de l'element.

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

1>

• Mètode JavaScript shift(). : Aquest mètode elimina el primer element d'una matriu i retorna aquest element.

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

a>

• Mètode JavaScript reverse(). : Aquest mètode inverteix el primer element de la matriu en l'últim i l'últim es converteix en el primer. Transposa tots els elements d'una matriu d'aquesta manera i retorna una referència a la matriu.

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

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

• Mètode JavaScript map(). : Aquest mètode retorna una nova matriu del valor retornat de l'execució d'una funció a cada element de la matriu.

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

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

• JavaScript filter() Mètode : Aquest mètode retorna una matriu nova que conté els elements per als quals la funció ha retornat 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 ]>