Σε αυτό το σεμινάριο, θα μάθετε για το JSON και πώς χρησιμοποιείται το JavaScript με το JSON με τη βοήθεια παραδειγμάτων.
Το JSON σημαίνει σημειογραφία αντικειμένου Javascript. Το JSON είναι μια μορφή δεδομένων που βασίζεται σε κείμενο και χρησιμοποιείται για την αποθήκευση και μεταφορά δεδομένων. Για παράδειγμα,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
Στο JSON, τα δεδομένα είναι σε ζεύγη κλειδιών / τιμών διαχωρισμένα με κόμμα ,.
Το JSON προήλθε από το JavaScript. Έτσι, η σύνταξη JSON μοιάζει με την κυριολεκτική σύνταξη αντικειμένου JavaScript. Ωστόσο, μπορείτε να έχετε πρόσβαση στη μορφή JSON και να δημιουργηθεί και από άλλες γλώσσες προγραμματισμού.
Σημείωση : Τα αντικείμενα JavaScript και το JSON δεν είναι τα ίδια. Θα μάθετε για τις διαφορές τους αργότερα σε αυτό το σεμινάριο.
Δεδομένα JSON
Τα δεδομένα JSON αποτελούνται από ζεύγη κλειδιών / τιμών παρόμοια με τις ιδιότητες αντικειμένου JavaScript. Το κλειδί και οι τιμές γράφονται σε διπλά εισαγωγικά διαχωρισμένα με άνω και κάτω τελεία :. Για παράδειγμα,
// JSON data "name": "John"
Σημείωση : Τα δεδομένα JSON απαιτούν διπλά εισαγωγικά για το κλειδί.
Αντικείμενο JSON
Το αντικείμενο JSON είναι γραμμένο μέσα σε σγουρά τιράντες ( ). Τα αντικείμενα JSON μπορούν να περιέχουν πολλαπλά ζεύγη κλειδιών / τιμών . Για παράδειγμα,
// JSON object ( "name": "John", "age": 22 )
JSON Array
Ο πίνακας JSON είναι γραμμένος μέσα σε αγκύλες ( ). Για παράδειγμα,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Σημείωση : Τα δεδομένα JSON μπορούν να περιέχουν αντικείμενα και πίνακες. Ωστόσο, σε αντίθεση με τα αντικείμενα JavaScript, τα δεδομένα JSON δεν μπορούν να περιέχουν συναρτήσεις ως τιμές.
Πρόσβαση στα δεδομένα JSON
Μπορείτε να αποκτήσετε πρόσβαση στα δεδομένα JSON χρησιμοποιώντας τη σημείωση κουκκίδων. Για παράδειγμα,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
Χρησιμοποιούμε τη .σημειογραφία για πρόσβαση στα δεδομένα JSON. Η σύνταξή του είναι:variableName.key
Μπορείτε επίσης να χρησιμοποιήσετε σύνταξη αγκυλών ()για πρόσβαση στα δεδομένα JSON. Για παράδειγμα,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Αντικείμενα JavaScript VS JSON
Αν και η σύνταξη του JSON είναι παρόμοια με το αντικείμενο JavaScript, το JSON είναι διαφορετικό από τα αντικείμενα JavaScript.
| JSON | Αντικείμενο JavaScript |
|---|---|
| Το κλειδί στο ζεύγος κλειδιών / τιμών πρέπει να είναι σε διπλά εισαγωγικά. | Το κλειδί στο ζεύγος κλειδιών / τιμών μπορεί να είναι χωρίς διπλά εισαγωγικά. |
| Το JSON δεν μπορεί να περιέχει συναρτήσεις. | Τα αντικείμενα JavaScript μπορούν να περιέχουν συναρτήσεις. |
| Το JSON μπορεί να δημιουργηθεί και να χρησιμοποιηθεί από άλλες γλώσσες προγραμματισμού. | Τα αντικείμενα JavaScript μπορούν να χρησιμοποιηθούν μόνο σε JavaScript. |
Μετατροπή JSON σε αντικείμενο JavaScript
Μπορείτε να μετατρέψετε δεδομένα JSON σε αντικείμενο JavaScript χρησιμοποιώντας την ενσωματωμένη JSON.parse()συνάρτηση. Για παράδειγμα,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
Μετατροπή αντικειμένου JavaScript σε JSON
Μπορείτε επίσης να μετατρέψετε αντικείμενα JavaScript σε μορφή JSON χρησιμοποιώντας την ενσωματωμένη JSON.stringify()λειτουργία JavaScript . Για παράδειγμα,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
Χρήση του JSON
Το JSON είναι η πιο συχνά χρησιμοποιούμενη μορφή για τη μετάδοση δεδομένων (ανταλλαγή δεδομένων) από διακομιστή σε πελάτη και αντίστροφα. Τα δεδομένα JSON είναι πολύ εύκολο να αναλυθούν και να χρησιμοποιηθούν. Είναι γρήγορη η πρόσβαση και ο χειρισμός δεδομένων JSON καθώς περιέχουν μόνο κείμενα.
Το JSON είναι ανεξάρτητο από τη γλώσσα. Μπορείτε επίσης να δημιουργήσετε και να χρησιμοποιήσετε το JSON σε άλλες γλώσσες προγραμματισμού.
