JSON σημαίνει JavaScript Object Notation. Χρησιμοποιείται για την περιγραφή JavaScript αντικειμένων. Είναι μια μορφή κοινής χρήσης δεδομένων που καθορίζει τιμές δεδομένων χρησιμοποιώντας ζεύγη κλειδιού-τιμής. Το αντικείμενο JSON υποστηρίζεται από όλα τα σημαντικά προγράμματα περιήγησης. Αυτό το σεμινάριο απαιτεί να είστε εξοικειωμένοι με τη JavaScript και την εργασία με το αντικείμενο JSON. Για να εξοικειωθείτε με το JSON, μπορείτε να ρίξετε μια ματιά στην επισκόπηση της μορφής κοινής χρήσης δεδομένων JSON. Μπορείτε επίσης να δείτε πώς να εργαστείτε με το JSON στη JavaScript.
Η μορφή JSON χρησιμοποιείται επίσης για τη μετάδοση δεδομένων μέσω του δικτύου. Για το σκοπό αυτό, τα δεδομένα πρέπει να σειριοποιηθούν και να αποσειριοποιηθούν. Όταν τα δεδομένα είναι σε μορφή JSON, μετατρέπονται σε μια συμβολοσειρά χρησιμοποιώντας τη μέθοδο stringify. Για να μετατρέψετε τα δεδομένα πίσω στη μορφή αντικειμένου για επεξεργασία, χρησιμοποιείται η parse μέθοδος. Αυτό το σεμινάριο πρόκειται να παρουσιάσει τα βήματα για τη χρήση των JSON.parse() και JSON.stringify(). Ας ξεκινήσουμε!
JSON.parse()
Αυτή η μέθοδος χρησιμοποιείται για τη μετατροπή μιας συμβολοσειράς JSON σε αντικείμενο JSON, ώστε να μπορεί να γίνει επεξεργασία μέσω προγραμματισμού. Η συμβολοσειρά που μεταβιβάζεται πρέπει να είναι μια έγκυρη συμβολοσειρά JSON, διαφορετικά θα προκύψει εξαίρεση. Αυτή η συμβολοσειρά μπορεί να ληφθεί από οποιαδήποτε υπηρεσία ιστού ή απομακρυσμένη εφαρμογή.
Αυτή η μέθοδος δέχεται δύο παραμέτρους: μια συμβολοσειρά και μια συνάρτηση callback η οποία μπορεί να χρησιμοποιηθεί για την επεξεργασία της συμβολοσειράς πριν από τη μετατροπή της σε αντικείμενο. Ας υποθέσουμε ότι λαμβάνουμε ένα μήνυμα από μια υπηρεσία ιστού που υποδεικνύει την κατάσταση της ενέργειας, το μήνυμα και τον κωδικό κατάστασης. Παρακάτω υπάρχει ένα απλό παράδειγμα για το πώς μια συμβολοσειρά μπορεί να μετατραπεί σε αντικείμενο.
Κώδικας:
|
1 2 3 |
let json_string = '{"message":"Done with success", "status":200, "code":200}' let server_obj = JSON.parse(json_string); console.log(server_obj) |
Έξοδος:
|
1 |
{message: 'Done with success', status: 200, code: 200} |
Ένα συνηθισμένο πρόβλημα είναι όταν προστίθενται τελικά κόμματα στη συμβολοσειρά, οπότε η JSON.parse() εμφανίζει σφάλμα εάν η συμβολοσειρά που της μεταβιβάζεται έχει τελικά κόμματα. Εάν πρέπει να επεξεργαστείτε τις τιμές, μπορείτε να μεταβιβάσετε τη συνάρτηση callback ως δεύτερο όρισμα.
Κώδικας:
|
1 2 3 4 5 6 7 8 9 |
let string = '{"name":"XYZ","email":"xyz@example.com"}'; let obj = JSON.parse(string, (key, value) => { if (typeof value === 'string') { return value.toUpperCase(); } return value; }); console.log(obj) |
Έξοδος:
|
1 |
{name: 'XYZ', email: 'XYZ@EXAMPLE.COM'} |
JSON.stringify()
Η μέθοδος stringify κάνει ακριβώς το αντίθετο από τη μέθοδο parse. Εδώ, μεταβιβάζεται το αντικείμενο JSON και η τιμή επιστροφής είναι μια συμβολοσειρά. Αυτή η συμβολοσειρά μπορεί να μεταβιβαστεί σε κάποια άλλη απομακρυσμένη υπηρεσία ιστού, για παράδειγμα, και στη συνέχεια να αναλυθεί ξανά σε ένα αντικείμενο JSON για επεξεργασία.
Κώδικας:
|
1 2 3 |
let obj = {message:"Done with success", status:200, code:200} let str = JSON.stringify(obj); console.log(str); |
Έξοδος:
|
1 |
{"message":"Done with success","status":200,"code":200} |
Η μέθοδος stringify μπορεί να δεχτεί δύο ορίσματα: τις μεθόδους replacerκαι spacer. Η μέθοδος replacer μπορεί να χρησιμοποιηθεί για την αντικατάσταση ή τον αποκλεισμό οποιωνδήποτε τιμών στη συμβολοσειρά.
Κώδικας:
|
1 2 3 4 5 6 7 8 9 |
let obj = {message:"Done with success", status:200, code:200} let str = JSON.stringify(obj, (key, value) => { if (status === 200) { return undefined; } return value; }); console.log(str) |
Έξοδος:
|
1 |
{"message":"Ολοκληρώθηκε με επιτυχία","status":200,"code":200} |
Όταν το spacer όρισμα παρέχεται, κάθε στοιχείο ενός πίνακα ή αντικειμένου τοποθετείται στη δική του γραμμή και έχει εσοχή για να υποδηλώσει το βάθος του στην ιεραρχία των αντικειμένων και πινάκων. Παρακάτω υπάρχει ένα απλό απόσπασμα κώδικα που το απεικονίζει αυτό.
Κώδικας:
|
1 2 3 |
let obj = {message:"Ολοκληρώθηκε με επιτυχία", status:200, code:200} let str = JSON.stringify(obj, null, "---"); console.log(str) |
Έξοδος:
|
1 2 3 4 5 |
{ ---"message": "Ολοκληρώθηκε με επιτυχία", ---"status": 200, ---"code": 200 } |
Συμπέρασμα
Σε αυτόν τον οδηγό, εξετάσαμε δύο χρήσιμες μεθόδους για την εργασία με περιεχόμενο σε μορφή JSON. Τα αντικείμενα JSON βρίσκονται παντού και κατά την κατασκευή σύγχρονων εφαρμογών με τη χρήση JavaScript αυτές οι μέθοδοι είναι πολύ χρήσιμες. Για να μάθετε περισσότερα, δείτε τους παρακάτω οδηγούς στο blog μας:
- Βασικά στοιχεία της JavaScript: Πώς να εργαστείτε με την Ημερομηνία και την Ώρα
- Εργασία με τη JavaScript: Πώς λειτουργούν τα Πρωτότυπα και η Κληρονομικότητα
- Ένας οδηγός για την προσθήκη JavaScript σε HTML
Καλό προγραμματισμό!
Σχόλια
Δεν υπάρχουν σχόλια ακόμα. Γράψτε το πρώτο.