Αυτός ο οδηγός θα εξηγήσει πώς να επαναλάβετε έναν βρόχο μέσω ενός πίνακα JSON χρησιμοποιώντας JavaScript.
Πώς να επαναλάβετε έναν βρόχο μέσω ενός πίνακα JSON χρησιμοποιώντας JavaScript;
Ο ' Συστοιχία JSON Οι τιμές μπορούν να προσπελαστούν μέσω βρόχου. Ο in-looping του JSON (JavaScript Object Notation) θεωρείται η καλύτερη τεχνική για τη μεταφορά δεδομένων σε μορφή πίνακα. Αυτό συμβαίνει επειδή είναι μια ελαφριά μορφή για αποθήκευση και μεταφορά των απαιτούμενων δεδομένων από το ένα μέρος στο άλλο.
Αυτή η ενότητα χρησιμοποιεί το συνήθως χρησιμοποιούμενο ' Για ' βρόχο για να επαναλάβετε έναν πίνακα JSON χρησιμοποιώντας JavaScript.
Σύνταξη (Πίνακας JSON)
Πίνακας - όνομα = [ τιμή 1 , τιμή 2 , ...... τιμή Ν ]
Εδώ, τα 'value1', 'value2' και 'valueN' αναφέρονται στις τιμές που πρέπει να επαναληφθούν.
Ας εκτελέσουμε πρακτικά το looping μέσω ενός πίνακα 'JSON' σε JavaScript.
Κώδικας HTML
Ας ρίξουμε μια ματιά στον ακόλουθο κώδικα HTML:
< h2 > Κάνοντας βρόχο μέσω του JSON Array < / h2 >< Π > Ένας πίνακας JSON έχει μηδέν, ένα ή περισσότερα διατεταγμένα στοιχεία, διαχωρισμένα με κόμμα. < / Π >
< Π ταυτότητα = 'δείγμα' >< / Π >
Στις παραπάνω γραμμές κώδικα:
- Ο ' η ετικέτα ορίζει μια υποτίτλα.
- Ο ' Η ετικέτα ' δημιουργεί μια δήλωση παραγράφου.
- Τέλος, η ετικέτα '
' ορίζει μια κενή παράγραφο με αναγνωριστικό ' δείγμα ” για να εμφανίσετε τις τιμές του πίνακα JSON.
Κώδικας JavaScript
Στη συνέχεια, προχωρήστε στον κώδικα που παρέχεται παρακάτω:
< γραφή >συνθ JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
συνθ Αντικ = JSON. αναλύω λέξη ( JSONarray ) ;
αφήστε κείμενο = '' ;
Για ( ας κ = 0 ; κ < Αντικ. αυτοκίνητα . μήκος ; κ ++ ) {
κείμενο += Αντικ. αυτοκίνητα [ κ ] + ',' ;
}
έγγραφο. getElementById ( 'δείγμα' ) . innerHTML = κείμενο ;
γραφή >
Σε αυτό το μπλοκ κώδικα:
- Ορίστε έναν πίνακα JSON με το όνομα ' JSONarray ' με ' συνθ ' λέξη-κλειδί που έχει μια ταξινομημένη λίστα τιμών.
- Ο ' Αντικ 'Το αντικείμενο χρησιμοποιεί το ' αναλύω λέξη() ' μέθοδος που μετατρέπει το καθορισμένο κείμενο πίνακα JSON στο αντικείμενο JavaScript.
- Μετά από αυτό, το « κείμενο Η μεταβλητή ” αποθηκεύει μια κενή τιμή.
- Στη συνέχεια, εφαρμόστε ένα ' Για ' βρόχος για επανάληψη πάνω από τις ιδιότητες του ' Αντικ Συνδέεται με τη συστοιχία JSON που περιλαμβάνεται στο κλειδί «αυτοκίνητο».
- Επίσης, συσχετίστε το « μήκος ιδιότητα και αυξήστε τον βρόχο για να πραγματοποιήσετε την επανάληψη κατάλληλα.
- Τέλος, εφαρμόστε το « getElementById() ' μέθοδος πρόσβασης στην προστιθέμενη κενή παράγραφο χρησιμοποιώντας το αναγνωριστικό της 'δείγμα'. Θα εμφανίσει τις τιμές του πίνακα JSON μέσω του ' innerHTML ” ιδιοκτησία.
Παραγωγή
Η έξοδος εμφανίζει όλες τις τιμές του προστιθέμενου πίνακα JSON χρησιμοποιώντας τον βρόχο 'for'.
συμπέρασμα
' Πίνακες JSON ' μπορεί εύκολα να επαναληφθεί χρησιμοποιώντας JavaScript με τη βοήθεια του ' Για ” βρόχος. Αυτή είναι μια κοινή διαδικασία και χρησιμοποιείται γενικά στην ανάπτυξη ιστού για την ανάκτηση των δεδομένων σε μορφή JSON από τη βάση δεδομένων ή το API. Αυτός ο οδηγός έχει εξηγήσει μια σύντομη περιγραφή για την επανάληψη ενός βρόχου μέσω ενός πίνακα JSON χρησιμοποιώντας JavaScript.