[JAVASCRIPT] [oggetto] array

L’array è una variabile complessa (in quanto a sua volta costituita da una o più variabili), organizzata in un insieme ordinato secondo un indice identificativo dei suoi elementi, che, se non diversamente stabilito (v. oltre, gli array associativi), è di default un numero progressivo (che parte da zero).

<script>
  var MioArray = ["A","B","C","D","E"];
  document.write(MioArray +" (array completo)<br>");
  document.write(MioArray[0] +" (elemento con indice 0)");
</script>

E’ anche possibile l’operazione inversa, cioè partire da una variabile dell’array per risalire al suo indice, utilizzando il metodo .indexOf() (v. dettagli).

Gli elementi dell’array possono essere, a loro volta, degli array (i quali possono avere, di nuovo, degli array come elementi, e così via). Si parla, a questo proposito, di array multidimensionali, i cui elementi sono individuati tramite tanti indici quante sono le dimensioni dell’array.

<script>
  var MioArrayMultimensionale = [
    ["A", "B", "C"],
    ["D", "E", "F"],
    "G"];
  document.write(MioArrayMultimensionale +" (array completo)<br>");
  document.write(MioArrayMultimensionale[0][1] +" (elemento con indice 1 nel sub-array con indice 0)");
</script>

Creare un array

E’ possibile creare un array, pieno o vuoto (da riempire successivamente), in due modi:

<script>
  // Metodo 1
  var ArrayVuoto1 = new Array();
  var ArrayPieno1 = new Array("A", "B", "C");
  document.write(ArrayPieno1 +" (array creato col primo metodo)<br>");
  // Metodo 2
  var ArrayVuoto2 = ;
  var ArrayPieno2 = ["A", "B", "C"];
  document.write(ArrayPieno2 + " (array creato col secondo metodo)<br>");
</script>

Anche gli array associativi (cioè quelli che per indice hanno “nomi” anziché numeri) possono essere creati in due modi:

<script>
  var ArrayAssociativo1 = new Array();
  ArrayAssociativo1["prima"] = "A";
  ArrayAssociativo1["seconda"] = "B";
  ArrayAssociativo1["terza"] = "C";
  document.write(ArrayAssociativo1["prima"] +" (elemento con indice 'prima')<br>");
  var ArrayAssociativo2 = {
   "prima":"A",
   "seconda":"B",
   "terza":"C"
   };
    document.write(ArrayAssociativo2["prima"] +" (elemento con indice 'prima')");
</script>

Aggiungere, sostituire ed eliminare elementi dell’array

Per aggiungere ed eliminare l’ultimo elemento dell’array si utilizzano, rispettivamente, i metodi .push() (v. dettagli) e .pop() (v. dettagli.

Per aggiungere ed eliminare il primo elemento dell’array si utilizzano, rispettivamente, i metodi .unshift() (v. dettagli) e .shift() (v. dettagli).

Per aggiungere ed eliminare uno o più elementi dell’array, in qualunque posizione si trovino, si utilizza il metodo .splice() (v. dettagli).

Per aggiungere o sostituire un elemento dell’array in una determinata posizione:

<script>
  var MioArray1 = ["A", "B", "C"];
  MioArray1[3] = "D";
  document.write(MioArray1);
  MioArray1[1] = "BBBB";
  document.write(MioArray1);
</script>

Attraversare l’array

Per attraversare, cioè estrarre uno ad uno tutti gli elementi dell’array si utilizza la keyword for (v. dettagli) oppure -ancora melgio- il metodo forEach (v. dettagli).

Estrarre una porzione dell’array

Per estrarre una porzione dell’array (cioè uno o più dei suoi componenti) si utilizza il metodo .slice() (v. dettagli).

Concatenare due array

Per concatenare due array si utilizza il metodo concat() (v. dettagli).

Ordinare un array

Per ordinare in modo crescente o decrescente un array si utilizzano, rispettivamente, i metodi .sort() (v. dettagli) e .reverse() (v. dettagli).

Convertire l’array in una stringa

Per convertire l’array in una stringa si utilizzano i metodi .join() (v. dettagli) o .toString() (v. dettagli).

Estrarre e determinare la lunghezza dell’array

Per estrarre o determinare la lunghezza dell’array si utilizza il metodo .length (v. dettagli).