Come per iterare su un array JSON

June 5

Come per iterare su un array JSON


JSON, abbreviazione di JavaScript Object Notation, rende il Web un luogo più produttiva consentendo computer per lo scambio di dati in modo efficiente. È sufficiente creare un array JSON composto da chiavi e valori, e inviarlo a un altro computer - che il software del computer in grado di estrarre i dati e utilizzarlo in una varietà di modi. Se si riceve un array di JSON o crearne uno proprio, si ha la possibilità di scorrere i suoi dati. Come si fa, è possibile visualizzare i valori della matrice sullo schermo o memorizzarli in un database per un uso successivo.

istruzione

1 Aprire un documento di una pagina Web utilizzando il blocco note o un editor HTML o di testo preferito.

2 Aggiungere il seguente codice alla sezione di script del documento:

var data = [{ "Nome": "John", "Città": "Miami"}, { "Nome": "Jill", "Città": "Denver"}];

var customerNames = [];

var customerCities = [];

iterateJSON (dati);

Questa prima istruzione crea una matrice JSON denominato "dati". Contiene i dati dei clienti in questo esempio. Le chiavi di questo array sono "Nome" e "City". I valori di nome e la città nella prima chiave sono "John" e "Miami". I valori di nome e la città nella seconda chiave sono "Jill" e "Denver". I prossimi due istruzioni creano array vuoti che conterranno i valori recuperati dalla matrice JSON. La dichiarazione finale chiama una funzione denominata "itererateJSON" e passa la matrice di tale funzione.

3 Incollare il codice riportato di seguito dopo il codice elencato nella sezione precedente:

Funzione iterateJSON (dati) {

var x = 1;

contatore var = 0;

for (var val nei dati) {

if (data.hasOwnProperty (val))

{Var customerName = dati [contro] .Name;

var = customerCity dati [contro] .City;

alert ( "Nome cliente =" + customerName + ".. clienti Città =" + customerCity);

customerNames.push (customerName);

customerCities.push (customerCity);

}

contatore ++;

}

alert ( "Nomi Array =" + customerNames + ".. Città Array =" + customerCities);

}

Questa funzione utilizza un ciclo "for" per scorrere l'array JSON. Nel corso di ogni iterazione, la funzione memorizza il valore del nome corrente nella matrice customerName e il valore attuale città nella matrice customerCity. Quando il ciclo, viene visualizzata una finestra di messaggio e visualizza i valori in queste due matrici.

4 Salvare il documento e visualizzarlo nel browser. Le piste di funzione JavaScript e scorre l'oggetto di dati. Una finestra di messaggio si apre e visualizza ogni valore nell'oggetto. Dopo la funzione termina l'iterazione attraverso l'oggetto, vengono visualizzati i valori nelle matrici CustomerName e customerCity.

Consigli e avvertenze

  • Questo esempio dimostra la copia di valori JSON - nome e la città - in due array. Elaborare i dati qualsiasi modo tu voglia. Per esempio, è possibile memorizzare i valori in un database invece di metterli in array. Si potrebbe anche visualizzarli in una tabella o una griglia sulla vostra pagina Web come i itera codice tramite l'oggetto JSON.