JSON.Metoda stringify | Wyjaśnione

JSON.Metoda stringify | Wyjaśnione
JSON jest standardem przesyłania danych między serwerami i klientami i jest to najbardziej znany format, który jest akceptowany przez prawie każdy nowoczesny język programowania. Ilekroć dane muszą być przesyłane przez Internet, są one przesyłane jako wartość ciągu. Gdy ta wartość ciągu jest odbierana przez aplikację, jest ona przeanalizowana na obiekt. Podobnie obiekty są przekształcane w struny JSON przed wysłaniem ich przez Internet.

W JavaScript metoda zastosowana do konwersji obiektów JavaScript na ciąg JSON jest stringify () metoda, a dziś omówimy jego użycie i składnię wraz z przykładami.

Metoda Stringify ()

Ta metoda została wprowadzona w wydaniu JavaScript ES6, metoda ta służy do konwersji obiektów JavaScript i obiektów JSON na struny JSON. Aby to zademonstrować, weź następujący obiekt:

var superhero =
Nazwa: „Bruce Wayne”,
„Super Power”: „Super Rich”,
„Samochody własne”: [

Nazwa: „Murciélago”,
Model: „LP 640”,
Status: „rozbity”,
,

Nazwa: „Aventador”,
Model: „LP 700-4”,
Status: „Wydaje się jeździć po wypadku”,
,
],
;

Jeśli wydrukujemy ten obiekt na konsoli za pomocą następującego wiersza:

konsola.log (superbohater);

Wynik na konsoli to:

Ze wyjścia jasno wynika, że ​​rzeczywiście jest uważany za obiekt przez naszą aplikację JavaScript. Drukowanie tego obiektu na konsoli było ważne, abyśmy mogli zobaczyć różnicę między wyjściem łańcucha a wyjściem obiektu (ponieważ czasami mylą się szczególnie podczas pracy z edytorami kodu)

Aby przekonwertować to na ciąg JSON, używamy następującego wiersza kodu:

var superherostring = JSON.stringify (superhero);

Aby zweryfikować tę konwersję, użyj następującego wiersza, aby wydrukować zmienną Superherostring na konsolę:

konsola.log (superherostring);

Otrzymujemy następujący wynik na konsoli:

Możesz zauważyć, że tym razem wydrukowaliśmy sznur na konsolę

Metoda stringify () | Składnia

Metoda Stringify () przyjmuje obiekt JavaScript, przekształca go w ciąg, a następnie zwraca ten ciąg jako jego Wartość zwracana. Składnia jest zdefiniowana jako

stringify (wartość: dowolny, zamiennik?: (to: dowolne, klucz: ciąg, wartość: dowolne) => dowolne miejsce?: ciąg | numer): ciąg;

Powyższa składnia wygląda dość zniechęcająco, jeśli po prostu ją wówczas staje się składnia:

stringify (obiekt, zamiennik, spacja);

Z tej składni widać, że wymaga 3 argumentów:

  • Obiekt, który ma zostać przekonwertowany na ciąg JSON
  • Metoda zastępująca (która jest opcjonalna)
  • Parametr spacji, który jest również opcjonalny

Stringify () | Parametr zamiennika i przestrzeni

Aby wyjaśnić parametr zamiennika i przestrzeni, najpierw potrzebujemy obiektu, który przekonwertujemy na ciąg JSON, możesz utworzyć obiekt za pomocą następujących wierszy:

var person =
Samochód: „Tesla”,
Instrument: „Guitar”,
Wiek: 25,
Miasto: „Nowy Jork”

Możemy przekazać ten obiekt do ciągłej metody i wyświetlić wynik za pomocą następującego wiersza:

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

To da nam następujący wynik:

Ale co, jeśli nie chcemy dołączyć pary „wartości kluczowej”, która ma klucz "wiek". W tym celu możemy napisać metodę zamiennika i przekazać ją do drugiego argumentu metody stringify.

Argument zastępczy

Ten argument przyjmuje metodę zamiennika (), metoda zamiennika () przyjmuje 2 parametry, jeden jest kluczem, a drugi jest wartością. Aby zignorować parę wartości kluczowej, możemy zwrócić nieokreślony wartość. Wpisz następujące wiersze kodu:

FunkctionRepler (klucz, wartość)
if (key === "wiek")
returnUndefined;

Wartość zwracana;

Teraz, jeśli użyjemy tej metody zastępcy jako argumentu do metody stringify z następującymi wierszami kodu:

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

Otrzymujemy następujące dane wyjściowe na naszej konsoli:

Jak widać, kluczowa wartość Połącz z key = „wiek” został wykluczony z powstałego ciągu.

Argument kosmiczny

Przestrzeń lub argument dystansowy stawia między nimi określoną ilość miejsca kluczowa wartość para. Na przykład, jeśli chcemy przestrzeni 10 znaków między każdą parą wartości kluczowej, możemy użyć następującego wiersza kodu:

konsola.Log (JSON.stringify (osoba, null, 10))

Otrzymasz następujący wynik na swojej konsoli:

Oznaczałem przestrzeń czerwoną linią, aby była widoczna

Możesz również użyć ciągu do argumentu kosmicznego. Ten ciąg zostanie dodany jako podłoże przed każdą parą wartości klucza. Aby to zademonstrować, weź następujący wiersz kodu:

konsola.Log (JSON.stringify (osoba, null, „s”));

Otrzymasz następujący wynik na swojej konsoli:

Jak widać, argument "S" został dodany jako podłoże przed każdym kluczowa wartość para.

Wniosek

JSON.Metoda Stringify () służy do konwersji obiektów JavaScript na struny JSON, aby mogły być przenoszone przez Internet lub pomiędzy różnymi aplikacjami na komputerze lokalnym. Ta metoda została dodana w JavaScript z wydaniem wersji JavaScript ECMAV6 działającej na silniku V8 JavaScript. W tym poście dowiedzieliśmy się o szczegółach stringify () metoda i jej użycie wraz z jej przykładami.