Foreach in JavaScript: gestire gli array associativi

Mi sono reso conto di non saper come recuperare i dati da un array associativo con una iterazione JavaScript.

Oggi ho avuto l’esigenza di implementare un sistema asincrono in un sito. Il trasferimento dei dati lo gestisco con JSON, che rende il passaggio dei dati snello e di facile manipolazione.

Fino a quando gestivo i dati in PHP, utilizzare gli array associativi era molto semplice. Ma ad un certo punto ho avuto l’esigenza di creare del codice JavaScript per compilare delle list-box in tempo reale.

Un array associativo è un array di questo tipo:

L’utilità nell’utilizzare un array associativo sta nel fatto che, nel caso specifico, posso selezionare tutti i valori relativi ad una determinata marca, senza dover sapere in quale posizione dell’array è presente il dato.

In JavaScript lo stessa variabile la si potrebbe creare in questo modo:

Per elencare in maniera ciclica tutti i dati occorre fare ricorso ad una struttura logica conosciuta come For-each. Volendola applicare in PHP avremmo un codice simile al seguente:

Anche in JavaScript esiste una struttura logica che esegue questa funzione, ma non si chiama For-each. Mostro direttamente il codice così da essere subito chiaro:

In effetti è sempre il solito for, ma con una condizione differente che permette di analizzare un array associativo.

Add a Comment