JSON (JavaScript Object Notation) to lekki format wymiany danych, który jest czytelny zarówno dla ludzi, jak i maszyn. JSON jest szeroko stosowany w API jako standardowy format wymiany informacji.

Przykład JSON

{
  "id": 1,
  "nazwa": "Jan Nowak",
  "email": "[email protected]",
  "hobby": ["czytanie", "programowanie", "jazda na rowerze"]
}

JSON reprezentuje dane w formie par klucz-wartość i może zawierać tablice lub zagnieżdżone obiekty.

1. Tworzenie JSON za pomocą JSON.stringify()

Metoda JSON.stringify() przekształca obiekt JavaScript w tekstowy format JSON. Jest to przydatne, gdy chcemy wysłać dane na serwer lub zapisać je w pliku.

Przykład: Konwersja obiektu na JSON

const osoba = {
  imie: "Jan",
  nazwisko: "Nowak",
  wiek: 30,
  hobby: ["programowanie", "bieganie", "gotowanie"]
};

const jsonString = JSON.stringify(osoba);

console.log(jsonString);
// Wynik:
// {"imie":"Jan","nazwisko":"Nowak","wiek":30,"hobby":["programowanie","bieganie","gotowanie"]}

Użycie dodatkowych opcji w JSON.stringify()

Metoda JSON.stringify() ma opcjonalne parametry:

• replacer – Funkcja lub tablica, która określa, które pola mają być uwzględnione.
• space – Liczba lub ciąg znaków, które służą do wcięć (dla czytelności).

Przykład:

const jsonPretty = JSON.stringify(osoba, null, 2); // Wcięcia 2 spacje
console.log(jsonPretty);
// Wynik (czytelny JSON):
// {
//   "imie": "Jan",
//   "nazwisko": "Nowak",
//   "wiek": 30,
//   "hobby": [
//     "programowanie",
//     "bieganie",
//     "gotowanie"
//   ]
// }

2. Odczyt JSON za pomocą JSON.parse()

Metoda JSON.parse() przekształca ciąg tekstowy w formacie JSON z powrotem na obiekt JavaScript.

Przykład: Konwersja JSON na obiekt

const jsonString = '{"imie":"Jan","nazwisko":"Nowak","wiek":30,"hobby":["programowanie","bieganie","gotowanie"]}';

const osoba = JSON.parse(jsonString);

console.log(osoba.imie); // Wynik: Jan
console.log(osoba.hobby[1]); // Wynik: bieganie