Collezioni indicizzate In JavaScript si riferiscono a strutture di dati come gli array, in cui gli elementi sono memorizzati e accessibili tramite indici numerici. Gli array consentono un'archiviazione e un recupero efficienti di dati ordinati, fornendo metodi per la manipolazione e l'attraversamento dei loro elementi.

Esempio

UN vettore denominato ‘studente’ contiene i nomi degli studenti e i valori dell’indice sono l’Albo Numeri degli studenti. JavaScript non ha un tipo di dati array esplicito. Tuttavia, possiamo utilizzare l'oggetto Array predefinito in JavaScript e i suoi metodi per lavorare con gli array.

Creazione di una matrice: Esistono molti modi per creare e inizializzare un array elencato di seguito:

• Creazione di array senza definire la lunghezza dell'array. In questo caso, la lunghezza è uguale al numero di argomenti.

Sintassi:

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

• Creazione di un array con la dimensione specificata

Sintassi:

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

• Crea un array di lunghezza variabile e aggiungi molti elementi di cui hai bisogno.

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

I metodi che possono essere applicati sugli array sono:

• Accesso agli elementi dell'array
• Ottenere la lunghezza dell'array
• Iterazione sugli array
  • JavaScript per ciclo
  • Ciclo JavaScript forEach()
  • JavaScript per ogni ciclo con Funzioni della freccia
• Metodi di matrice
  • Metodo JavaScript push()
  • Metodo JavaScript pop()
  • Metodo JavaScript concat()
  • Metodo JavaScript join()
  • Metodo JavaScript sort()
  • Metodo JavaScript indexOf()
  • Metodo JavaScript shift()
  • Metodo JavaScript filter()

Accesso agli elementi dell'array

Utilizzare gli indici per accedere agli elementi dell'array. Gli indici degli array sono a base zero, il che significa che l'indice degli elementi inizia con zero.

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

Apple Mango>

Ottenere la lunghezza dell'array

Per ottenere la lunghezza di un array utilizzare array_name. proprietà della lunghezza .

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

3>

Iterazione sugli array

Esistono molti modi per ripetere gli elementi dell'array.

• JavaScript per ciclo : for loop fornisce un modo conciso di scrivere la struttura del ciclo. A differenza di un ciclo while, un'istruzione for consuma l'inizializzazione, la condizione e l'incremento/decremento in un'unica riga, fornendo così una struttura di loop più breve e di facile debug.

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

Apple Mango Banana>

• Ciclo JavaScript forEach() : La funzione forEach() fornisce una volta per ciascun elemento dell'array. La funzione fornita può eseguire qualsiasi tipo di operazione sugli elementi dell'array specificato.

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

Apple Mango Banana>

• JavaScript forEach Loop con Funzioni della freccia :

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

Apple Mango Banana>

Metodi di matrice

Sono disponibili vari metodi di array per lavorare sugli array. Questi sono:

• Metodo JavaScript push() : Questo metodo aggiunge uno o più elementi alla fine di un array e restituisce la lunghezza risultante dell'array.

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

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

• Metodo JavaScript pop() : Questo metodo rimuove l'ultimo elemento da un array e restituisce quell'elemento.

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

3>

• Metodo JavaScript concat() : Questo metodo si unisce due array e restituisce un nuovo array.

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

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

• Metodo JavaScript join() : Questo metodo crea una stringa unendo tutti gli elementi di un array.

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

john - jane - joe>

• Metodo JavaScript sort() : Questo metodo ordina gli elementi di un array.

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

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

• Metodo JavaScript indexOf() : Questo metodo cerca un Element nell'array e restituisce l'indice della prima occorrenza dell'elemento.

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

1>

• Metodo JavaScript shift() : Questo metodo rimuove il primo elemento da un array e restituisce quell'elemento.

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

a>

• Metodo JavaScript reverse() : Questo metodo inverte il primo elemento dell'array che diventa l'ultimo e l'ultimo diventa il primo. Traspone tutti gli elementi di un array in questo modo e restituisce un riferimento all'array.

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

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

• Metodo JavaScript map() : Questo metodo restituisce un nuovo array del valore restituito dall'esecuzione di una funzione su ogni elemento dell'array.

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

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

• Metodo JavaScript filter() : Questo metodo restituisce un nuovo array contenente gli elementi per i quali la funzione ha restituito 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 ]>