Jak pracować z JSON w JavaScript?

JSON oznacza JavaScript-Owoch-Notation i jest to najczęściej używany typ danych strukturalnych do przesyłania danych w Internecie. JSON opiera się na obiektach JavaScript, ale jest niezależny od języka; co oznacza, że ​​można go używać w prawie każdym współczesnym języku programowania.

JSON -BASIC INTRO

JSON to tekstowa reprezentacja danych, która ułatwia przesyłanie danych z naprawdę dużą prędkością. W JSON różnicujesz klucz i wartość, umieszczając między nimi okrężnicę „:”. Ponadto pary kluczowe = wartość są zamknięte w środku Krężnice wsporniki:

Składnia JSON

Składnia JSON jest dość prosta, jest następująco:

Key1: Wartość,
Key2: Wartość

Praca z JSON

Aby pracować z JSON w JavaScript, JSON jest najpierw przechowywany w zmiennej, aby uczynić ją obiektem JSON.

Wyobraź sobie na przykład, że masz dane JSON osoby zawierającej następujące informacje, takie jak:

FirstName: „John”,
LastName: „Doe”,
Wiek: 22,
Miasto: „Newyork”,

Aby przekonwertować go na użyteczny obiekt w JavaScript, po prostu stawiamy go równe obiektowi z następującym kodem:

const person =
FirstName: „John”,
LastName: „Doe”,
Wiek: 22,
Miasto: „Newyork”,
;

Jak widać, utworzyłeś zmienną osoba To teraz zawiera obiekt z informacjami o tej osobie, takiej jak FirstName, LastName i tak dalej; Aby upewnić się, że możemy go użyć w JavaScript, po prostu wydrukujemy ten obiekt na ekranie za pomocą konsola.dziennik() funkcjonować:

konsola.dziennik (osoba);

Pełny fragment kodu byłby:

const person =
FirstName: „John”,
LastName: „Doe”,
Wiek: 22,
Miasto: „Newyork”,
;
konsola.dziennik (osoba);

Po uruchomieniu tego kodu zobaczysz następujące dane wyjściowe:

Jak widać na konsoli, możemy zobaczyć drukowanie obiektu. Jest tak, ponieważ utworzyliśmy obiekt, ustawiając go równą zmiennej.

Dostęp do wartości z obiektu JSON

Aby uzyskać dostęp do wartości z obiektu JSON, używasz Operator kropki z nazwą „klucz".

Biorąc powyższy obiekt JSON, jeśli chcesz wydrukować imię, użyj następującego wiersza:

konsola.Log (osoba.imię);

Zobaczysz następujące dane wyjściowe:

Możesz nawet wydrukować pełną nazwę za pomocą następującego wiersza:

konsola.dziennik(
„Pełne imię i nazwisko osoby to:” + osoba.FirstName + osoba.nazwisko
);

Otrzymasz następujące dane wyjściowe:

Jak widać, połączyliśmy imię i nazwisko i wyświetliśmy je na konsoli.

W ten sposób możesz uzyskać dostęp do par kluczy JSON.

Dołączenie do obiektu JSON

Jeśli chcesz dołączyć wartość w obiekcie JSON, możesz to zrobić za pomocą Operator kropki. Najpierw podaj „klucz” po kropce i ustaw go równą jej wartości, jak pokazano w następującej składni:

JSONOBject.newKey = wartość;

Jeśli chcesz dodać zadanie osoby w obiekcie wymienionym w powyższym przykładzie, możesz to zrobić za pomocą następującego wiersza kodu:

osoba.Job = "audytor";
konsola.Log (osoba.stanowisko);

Pełny fragment jest:

const person =
FirstName: „John”,
LastName: „Doe”,
Wiek: 22,
Miasto: „Newyork”,
;
konsola.dziennik(
„Pełne imię i nazwisko osoby to:” + osoba.FirstName + osoba.nazwisko
);
osoba.Job = "audytor";
konsola.Log („A zadaniem osoby jest:”);
konsola.Log (osoba.stanowisko);

Po uruchomieniu powyższego fragmentu kodu, otrzymasz następujące dane wyjściowe na ekranie:

Jak widać, stanowisko początkowo nie był częścią obiektu JSON, ale byłeś w stanie dołączyć go do obiektu JSON i wydrukować również do konsoli.

Przekształcenie obiektu JSON w obiekt ciąg

Jak wspomniano powyżej, JSON jest przesyłany jako dane tekstowe, więc jeśli chcesz przekonwertować obiekt JSON na obiekt ciągów, możesz to zrobić za pomocą metody:

JSON.stringify (obiekt);

Jeśli chcesz przekonwertować wyżej wymieniony obiekt osobę na ciąg i wydrukować go na konsoli, możesz to zrobić za pomocą następujących wierszy kodu:

konsola.Log (JSON.stringify (osoba));

Po uruchomieniu kodu otrzymasz następujące dane wyjściowe na ekranie:

Jak widać, obiekt JSON został przekonwertowany na obiekt ciągów, jest to bardzo korzystne w przesyłaniu danych przez Internet.

Wniosek

JSON jest najczęściej stosowaną strukturą przesyłania danych na świecie ze względu na bycie naprawdę światłem i łatwym do przeniesienia. JSON opiera się na składni normalnego obiektu JS, ale jest on zupełnie inny od obiektu JS, ponieważ obiekt może mieć w nim metodę, podczas gdy JSON jest tylko informacją, ponieważ zawiera pary wartości kluczowej. Jednak nie ogranicza się do JavaScript, JSON jest dostępny w prawie każdym języku programowania. Dowiedzieliśmy się o JSON, jego użyciu, jak pracować z JSON w JavaScript, jak uzyskać dostęp do wartości JSON i jak dołączyć do obiektu JSON. Na koniec nauczyliśmy się konwertować obiekt JSON na obiekt ciąg.