W tym samouczku dowiesz się o JSON i jak JavaScript jest używany z JSON na podstawie przykładów.
JSON to skrót od Javascript Object Notation. JSON to tekstowy format danych używany do przechowywania i przesyłania danych. Na przykład,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
W formacie JSON dane są w parach klucz / wartość oddzielonych przecinkiem ,
.
JSON pochodzi z JavaScript. Zatem składnia JSON przypomina składnię literału obiektu JavaScript. Dostęp do formatu JSON można jednak uzyskać i można go utworzyć również w innych językach programowania.
Uwaga : obiekty JavaScript i JSON to nie to samo. Dowiesz się o ich różnicach w dalszej części tego samouczka.
Dane JSON
Dane JSON składają się z par klucz / wartość podobnych do właściwości obiektu JavaScript. Klucz i wartości są zapisane w podwójnych cudzysłowach oddzielonych dwukropkiem :
. Na przykład,
// JSON data "name": "John"
Uwaga : dane JSON wymagają podwójnych cudzysłowów dla klucza.
Obiekt JSON
Obiekt JSON jest zapisywany w nawiasach klamrowych ( )
. Obiekty JSON mogą zawierać wiele par klucz / wartość . Na przykład,
// JSON object ( "name": "John", "age": 22 )
Tablica JSON
Tablica JSON jest zapisywana w nawiasach kwadratowych ( )
. Na przykład,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Uwaga : dane JSON mogą zawierać obiekty i tablice. Jednak w przeciwieństwie do obiektów JavaScript dane JSON nie mogą zawierać funkcji jako wartości.
Dostęp do danych JSON
Dostęp do danych JSON można uzyskać za pomocą notacji kropkowej. Na przykład,
// 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
Używamy .
notacji, aby uzyskać dostęp do danych JSON. Jego składnia to:variableName.key
()
Aby uzyskać dostęp do danych JSON, możesz również użyć składni nawiasu kwadratowego . Na przykład,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Obiekty JavaScript VS JSON
Chociaż składnia JSON jest podobna do obiektu JavaScript, JSON różni się od obiektów JavaScript.
JSON | Obiekt JavaScript |
---|---|
Klucz w parze klucz / wartość powinien znajdować się w cudzysłowie. | Klucz w parze klucz / wartość może być bez cudzysłowów. |
JSON nie może zawierać funkcji. | Obiekty JavaScript mogą zawierać funkcje. |
JSON może być tworzony i używany przez inne języki programowania. | Obiekty JavaScript mogą być używane tylko w JavaScript. |
Konwersja JSON do obiektu JavaScript
Możesz przekonwertować dane JSON na obiekt JavaScript za pomocą wbudowanej JSON.parse()
funkcji. Na przykład,
// 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
Konwersja obiektu JavaScript do formatu JSON
Możesz także konwertować obiekty JavaScript do formatu JSON za pomocą wbudowanej JSON.stringify()
funkcji JavaScript . Na przykład,
// 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)"
Wykorzystanie JSON
JSON jest najczęściej używanym formatem przesyłania danych (wymiany danych) z serwera do klienta i odwrotnie. Dane JSON są bardzo łatwe do przeanalizowania i użycia. Dostęp do danych JSON i manipulowanie nimi jest szybki, ponieważ zawierają one tylko teksty.
JSON jest niezależny od języka. Możesz tworzyć i używać JSON również w innych językach programowania.