JSON.Parse i Json.Stringif | Wyjaśniono przykładami

Jedną z największych funkcji JavaScript jest notacja JSON do przesyłania danych, obiekt JSON jest postrzegany przez wszystkie zaktualizowane przeglądarki i jest używane w prawie każdym języku programowania, który jest dostępny na bieżącym rynku. JSON to bardzo lekka i przyjazna dla człowieka notacja danych, która jest również czytelna przez języki programowania.

Obiekty JSON są przesyłane lub odczytane przez program w postaci strun, które nazywane są strunami JSON. Aby zidentyfikować ciąg JSON, po prostu poszukaj znaków cytatowych na obu końcach trywialnej notacji JSON. Jednak ciągi JSON należy przekonwertować na obiekty JSON, abyśmy nie musieli używać operacji ciągów w naszym programie.

Podobnie, aby przesyłać dane z jednego programu do drugiego - lub powiedzmy z serwera do klienta - najlepiej jest przekonwertować obiekt JSON z powrotem na ciąg JSON. W przypadku tych konwersji ES6 JavaScript dostarczył dwie funkcje „JSON.parse () i json.stringify () ”.

JSON.stringify () i jego użycie

Obiekty JavaScript są konwertowane na ciągi za pomocą „JSON.stringify ()". Aby zademonstrować tę funkcję, będziemy potrzebować obiektu, który można utworzyć za pomocą następujących wierszy kodu:

var myObject =
Imię: „John Doe”,
Wiek: 15,
E -mail: „[email protected] ",
Praca: „Audytor”,
;

Możesz wydrukować ten obiekt na konsoli za pomocą następującego wiersza:

konsola.log (myObject);

Otrzymasz następujące dane wyjściowe na swojej konsoli.

Teraz możemy przekazać ten obiekt w JSON.Stringify () Funkcja i przechowuj ją w innej zmiennej za pomocą następującego wiersza:

var Converted = Json.stringify (myObject);

Tę zmienną można wydrukować za pomocą konsoli.Funkcja log ():

konsola.log (przekonwertowany);

Po wykonaniu następującego programu należy zobaczyć następujące dane wyjściowe na konsoli:

Jak widać, mogliśmy przekonwertować obiekt JSON na ciąg, który można przesyłać przez sieć lub przechowywać w niektórych plikach do późniejszego użycia.

Stringify () Funkcja przyjmuje 2 dodatkowe argumenty, które są opcjonalne, ale nadal bardzo przydatne:

• Jednym z nich jest funkcja znana jako zamiennik argument
• drugi nazywa się przestrzeń argument

Parametr zamiennika

Zamiennik to funkcja, którą tworzysz z dwoma parametrami:

• klucz
• wartość, odpowiadające parę wartości kluczowej obiektu.

zamiennik Metoda jest używana do sprawdzenia określonej wartości lub zwrócenia innego ciągu zamiast pierwotnej wartości. zamiennik Metodę można również zastosować do pomijania pary wartości klucza z przekonwertowanego ciągu, zwracając nieokreślony wartość.

Aby utworzyć prostą metodę zamiennika, która pominie parę wartości kluczowej z powstałego ciągu, jeśli wartość to „audytor”, w tym celu użyj następujących wierszy kodu:

zastępca funkcji (klucz, wartość)
if (wartość === „audytor”)
Zwrot niezdefiniowany;

Wartość zwracana;

Aby utworzyć nowy wynik z naszego obiektu JavaScript i wydrukuj, użyj następującego wiersza:

konsola.Log (JSON.stringify (myObject, zamiennik));

Otrzymujesz następujący wynik na konsoli:

Jak widać, ponieważ „stanowisko„Klucz miał wartość„Rewident księgowy„Dlatego został pominięty z powstałego ciągu

Parametr przestrzeni

Trzeci argument JSON.stringify () Funkcja jest parametrem przestrzeni, ten parametr pobiera ciąg lub liczbę dla następujących działań:

• Jeśli ciąg zostanie przekazany, to ciąg ten zostanie dołączony przed parami wartości klucza
• Jeśli liczba jest przekazana, wówczas liczba przestrzeni jest dodawana między parami wartości kluczowej

Aby zademonstrować argument dystansowy, używamy następującego wiersza kodu:

konsola.Log (JSON.stringify (myObject, null, 10));

Zaobserwujesz następujący wynik na konsoli:

Możesz obserwować przestrzeń między każdą parą wartości kluczowej (przestrzeń jest oznaczona żółtą linią, aby była bardziej widoczna)

Aby zademonstrować dołączenie ciągu przed każdą parą wartości klucza w wynikającym z tego ciągu, użyj następujących wierszy kodu:

konsola.Log (JSON.stringify (myObject, null, „a”));

Zaobserwujesz następujący wynik na konsoli:

Przedfiksowanie podkładu jest łatwo zauważalne

JSON.parse () i jego użycie

JSON.Funkcja parse () służy do konwersji łańcucha lub dokładniej JSON na obiekt JSON. Aby to zademonstrować, utwórz nowy ciąg JSON z następującym wierszem kodu:

const string = '„Nazwa”: „John Doe”, „wiek”: 15, „e -mail”: „[email protected] ",„ Job ”:„ audytor ” ';

Aby utworzyć obiekt JSON, przejdź ten ciąg w funkcji parse () i przechowuj obiekt wynikający z nowej zmiennej za pomocą następującego wiersza kodu:

const myObject = json.Parse (String);

Aby zaobserwować ten wynikowy obiekt, użyj funkcji dziennika konsoli, tak:

konsola.log (myObject);

Po wykonaniu należy obserwować następujące dane wyjściowe na konsoli:

Możesz uzyskać dostęp do wartości z tego wynikowego obiektu, jak każdy inny normalny obiekt, wypróbuj poniższy wiersz kodu, aby to zweryfikować:

konsola.Log (MyObject.Job + „” + myObject.nazwa);

Otrzymasz następujące dane wyjściowe na swojej konsoli:

To jest dla JSON.funkcja parse () i JSON.Funkcja stringify ()

Wniosek

JSON.Funkcja parse () służy do konwersji łańcucha na obiekt JavaScript, podczas gdy JSON.Funkcja stringify () służy do konwersji obiektu JavaScript na ciąg. String JSON jest używany, gdy chcemy przesyłać dane z jednego programu do drugiego, w ramach programu lepiej jest używać obiektu JavaScript niż korzystać z operacji ciągów. JavaScript zapewnia te dwie funkcje jako wbudowane funkcje, a te funkcje są obsługiwane przez wszystkie współczesne przeglądarki.