Ebben az oktatóanyagban példák segítségével megismerheti a JSON-t és a JavaScript használatát a JSON-nal.
A JSON a Javascript Object Notation rövidítése. A JSON egy szöveges adatformátum, amelyet adatok tárolására és továbbítására használnak. Például,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
A JSON-ban az adatok kulcs / érték párokban vannak vesszővel elválasztva ,
.
A JSON a JavaScript-ből származik. Tehát a JSON szintaxis hasonlít a JavaScript objektum szó szerinti szintaxisára. A JSON formátum azonban elérhető és létrehozható más programozási nyelvekkel is.
Megjegyzés : A JavaScript objektumok és a JSON nem ugyanaz. A különbségeket később megismerheti ebben az oktatóanyagban.
JSON Data
A JSON adatok a JavaScript objektum tulajdonságokhoz hasonló kulcs / érték párokból állnak. A kulcs és az értékek kettős idézőjelben vannak írva, kettőspont elválasztva :
. Például,
// JSON data "name": "John"
Megjegyzés : A JSON adatokhoz dupla idézőjelek szükségesek a kulcshoz.
JSON Object
A JSON objektum göndör zárójelek közé van írva ( )
. A JSON objektumok több kulcs / érték párot tartalmazhatnak. Például,
// JSON object ( "name": "John", "age": 22 )
JSON tömb
A JSON tömb szögletes zárójelbe van írva ( )
. Például,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Megjegyzés : A JSON-adatok objektumokat és tömböket tartalmazhatnak. A JavaScript objektumokkal ellentétben azonban a JSON adatok nem tartalmazhatnak funkciókat értékként.
Hozzáférés a JSON adatokhoz
A JSON adatokhoz a dot jelöléssel férhet hozzá. Például,
// 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
A .
JSON adatok eléréséhez a jelölést használjuk . Szintaxisa:variableName.key
Szögletes zárójeles szintaxist ()
is használhat a JSON-adatok eléréséhez. Például,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript objektumok VS JSON
Bár a JSON szintaxisa hasonló a JavaScript objektumhoz, a JSON eltér a JavaScript objektumoktól.
JSON | JavaScript objektum |
---|---|
A kulcs / érték pár kulcsának dupla idézőjelben kell lennie. | A kulcs / érték pár kulcsa kettős idézőjelek nélkül szerepelhet. |
A JSON nem tartalmazhat funkciókat. | A JavaScript objektumok funkciókat tartalmazhatnak. |
A JSON-ot más programozási nyelvek hozhatják létre és használhatják. | A JavaScript objektumok csak JavaScript-ben használhatók. |
A JSON konvertálása JavaScript objektummá
A JSON-adatokat konvertálhatja JavaScript-objektummá a beépített JSON.parse()
funkció használatával. Például,
// 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 objektum konvertálása JSON-ra
A JavaScript objektumokat JSON formátumba is konvertálhatja a beépített JavaScript JSON.stringify()
funkcióval. Például,
// 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)"
A JSON használata
A JSON a leggyakrabban használt formátum adatátvitelhez (adatcsere) a szerverről az ügyfélre és fordítva. A JSON-adatokat nagyon könnyű elemezni és felhasználni. Gyors hozzáférés és manipuláció a JSON adatokhoz, mivel azok csak szövegeket tartalmaznak.
A JSON nyelvfüggetlen. Létrehozhat és használhat JSON-t más programozási nyelveken is.