Dane które otrzymujemy lub przesyłamy moga być w najróżniejszych formatach. Dzisiaj naszym zadaniem będzie wyświetlenie (podgląd) danych które są zapisane w formacie JSON.
Co to jest ten JSON?
JSON, czyli JavaScript Object Notation, to bardzo ciekawy format danych, który jest łatwy do odczytania i zapisu zarówno dla ludzi, jak i maszyn. JSON jest często używany m.in. do przesyłania danych między serwerem a aplikacją webową. Powstał jako alternatywa dla XML-a.
Jak jest zbudowany JSON
Jak jest zbudowany JSON?
Struktura JSON-a może zawierać dwa główne, nazwijmy je, elementy: obiekty i tablice.
Obiekty
Zawierają zbiory par klucz-wartość, ujętych w nawiasy klamrowe { }
.
Tablice
Zawierają uporządkowaną listę wartości ujętą w nawiasy kwadratowe [ ]
.
Typowe elementy JSON
Napis (String)
Napis zawsze w podwójnych cudzysłowach " "
.
Liczba (Number)
Może być całkowitą lub zmiennoprzecinkową (np. 42
lub 3.14
).
Obiekt (Object)
Kolekcja par klucz-wartość ujęta w nawiasy klamrowe { }
.
Tablica (Array)
Lista wartości ujęta w nawiasy kwadratowe [ ]
.
Wartość logiczna (Boolean)
true
lub false
.
Pusty typ (Null)
null
oznacza brak wartości.
Przykładowa struktura JSON
{
"name": "Jan Kowalski",
"age": 28,
"email": "[email protected]",
"isVerified": true,
"addresses": [
{
"type": "home",
"city": "Warszawa",
"postalCode": "00-001"
},
{
"type": "work",
"city": "Kraków",
"postalCode": "30-001"
}
],
"preferences": {
"newsletter": false,
"notifications": ["email", "sms"]
}
}
Obiekt główny jest ujęty w { }
, zawiera wszystkie dane.
Pola name
, age
, email
, isVerified
to standardowe pary klucz-wartość.
Element addresses
to tablica ( [ ] ). Zawiera listę obiektów { }
, każdy z danymi adresów (rodzaj, miasto, kod pocztowy).
Pole preferences
jest obiektem zagnieżdżonym, zawierającym kolejne pary klucz-wartość.
isVerified
jest wartością logiczną, null
może pojawić się tam, gdzie potrzebujemy wskazać brak wartości.