Tässä opetusohjelmassa opit JSON: sta ja siitä, miten JavaScriptiä käytetään JSON: n kanssa esimerkkien avulla.
JSON tarkoittaa Javascript Object Notation. JSON on tekstipohjainen datamuoto, jota käytetään tietojen tallentamiseen ja siirtämiseen. Esimerkiksi,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
JSON: ssa tiedot ovat avain- ja arvopareissa pilkuilla erotettuna ,.
JSON johdettiin JavaScriptistä. Joten JSON-syntakse muistuttaa JavaScript-objektin kirjaimellista syntaksia. JSON-muotoa voi kuitenkin käyttää ja luoda myös muilla ohjelmointikielillä.
Huomaa : JavaScript-objektit ja JSON eivät ole samat. Opit heidän eroista myöhemmin tässä opetusohjelmassa.
JSON-tiedot
JSON-tiedot koostuvat avain / arvo- pareista, jotka ovat samanlaisia kuin JavaScript-objektiominaisuudet. Avain ja arvot kirjoitetaan kaksoispisteellä erotettuina lainausmerkeissä :. Esimerkiksi,
// JSON data "name": "John"
Huomaa : JSON-tiedot vaativat avaimen kaksoislainausmerkit.
JSON-objekti
JSON-objekti on kirjoitettu kiharoiden aaltosulkeiden sisään ( ). JSON-objektit voivat sisältää useita avain / arvo- pareja. Esimerkiksi,
// JSON object ( "name": "John", "age": 22 )
JSON-taulukko
JSON-taulukko on kirjoitettu hakasulkeisiin ( ). Esimerkiksi,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Huomaa : JSON-tiedot voivat sisältää objekteja ja taulukoita. Toisin kuin JavaScript-objektit, JSON-tiedot eivät kuitenkaan voi sisältää toimintoja arvoina.
JSON-tietojen käyttö
Pääset JSON-tietoihin pistemerkinnällä. Esimerkiksi,
// 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
Käytämme .merkintää päästäksesi JSON-tietoihin. Sen syntaksi on:variableName.key
Voit ()käyttää JSON-tietoja myös hakasulkeissa . Esimerkiksi,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript-objektit VS JSON
Vaikka JSON: n syntaksi on samanlainen kuin JavaScript-objekti, JSON eroaa JavaScript-objekteista.
| JSON | JavaScript-objekti |
|---|---|
| Avain / arvo-parin avaimen tulee olla lainausmerkeissä. | Avaimen / arvon parin avain voi olla ilman lainausmerkkejä. |
| JSON ei voi sisältää toimintoja. | JavaScript-objektit voivat sisältää toimintoja. |
| JSON voidaan luoda ja käyttää muilla ohjelmointikielillä. | JavaScript-objekteja voidaan käyttää vain JavaScriptissä. |
JSON muuntaa JavaScript-objektiksi
Voit muuntaa JSON-tiedot JavaScript-objektiksi sisäänrakennetun JSON.parse()toiminnon avulla. Esimerkiksi,
// 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
Muunna JavaScript-objekti JSON: ksi
Voit myös muuntaa JavaScript-objektit JSON-muotoon käyttämällä JavaScriptin sisäänrakennettua JSON.stringify()toimintoa. Esimerkiksi,
// 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: n käyttö
JSON on yleisimmin käytetty muoto tietojen siirtämiseen (tiedonsiirto) palvelimelta asiakkaalle ja päinvastoin. JSON-tietoja on erittäin helppo jäsentää ja käyttää. JSON-tietoja on helppo käyttää ja käsitellä, koska ne sisältävät vain tekstejä.
JSON on kielestä riippumaton. Voit luoda ja käyttää JSONia muillakin ohjelmointikielillä.
