Accedere a un valore di un array con JavaScript

Da diverso tempo ormai JavaScript è uno dei linguaggi di programmazione web più utilizzato e ad oggi, chiunque abbia voglia immergersi in questo mondo e settore, sarà “costretto” ad impararlo.

Per programmare con un qualsiasi linguaggio, prima di tutto si ha bisogno di imparare a creare, gestire e recuperare valori. Questo si fa attraverso le variabili. Una variabile può anche contenere molteplici valori, questo grazie agli array.

Quando si programma un’applicazione di qualunque genere, è necessario saper accedere ai valori contenuti nelle variabili e negli elementi. Per accedere e recuperare valori da un array con JavaScript ci sono differenti metodi, e qui di seguito vedremo quali sono i più efficaci e semplici.

Accedere ai valori di un array con JavaScript

Un array può essere definito come un contenitore di due o più valori, indifferentemente dalla loro tipologia. Ad esempio, un array può contenere simultaneamente un valore di tipo stringa e un valore di tipo numerico.

Esempio di un array nel codice JavaScript:

var myArray = [];  // dichiarare un array
myArray = ['mela','pera','arancia','mandarino','ananas'];

Abbiamo già visto come poter inserire un valore all’interno di un array con JavaScript, e anche i metodi su come rimuoverlo. In questo articolo invece, vedremo come gestire, richiamare o semplicemente accedere all’array per mostrare uno specifico dato con l’uso di JavaScript.

Accedere ad un valore in base all’indice

Per accedere ad un valore conosciuto, già presente in un array, si fa semplicemente uso del suo indice.

L’indice di un array inizia dal numero 0 e aumenta di 1 per ogni singolo dato contenuto in esso. Ad esempio:

var myArray = ['mela','pera','arancia', ...];

// mela = indice 0
// pera = indice 1
// arancia = indice 2
...

Dunque, seguendo l’esempio qui in alto, per accedere al valore “pera” di tipo stringa, dovremmo scrivere:

myArray[1];

console.log(myArray[1]);
  // pera

Questo metodo è utilizzato anche per richiamare un valore sconosciuto.

Accedere a un valore conosciuto

Come abbiamo visto, per recuperare un dato da un array è fondamentale conoscere il suo indice. Con il prossimo metodo tuttavia, cercheremo il modo di accedere a un valore conosciuto, senza sapere il suo indice/posizione nel gruppo.

Per fare questo, faremo uso del metodo indexOf(). Vediamo un esempio pratico:

var myArray = ['mela','pera','arancia','ananas'];

var ind = myArray.indexOf('ananas');  // 3

console.log(myArray[ind]);  // equivalente di myArray[3]

    // risultato: 'ananas'

Nell’esempio, sapevamo che la stringa “ananas” era contenuta nell’array, ma non eravamo a conoscenza del suo indice. Grazie a indexOf() siamo comunque riusciti a scoprirlo senza troppa fatica.

Ricorda: indexOf() è case-sensitive, ovvero distingue le maiuscole dalle minuscole (“ananas” è diverso da “ANANAS“).

Iscriviti alla nostra Newsletter qui e seguici su Facebook per aggiornamenti!

Articoli recenti: