Jak przekonwertować obiekt JavaScript na format ciągu JSON
Ten zapis wyjaśni JSON.metoda stringify () w JavaScript. Wykazamy również przykłady związane z użyciem JSON.metoda stringify () z tablica zamiennika, Funkcja zamiennika, I przestrzeń parametr w tym artykule. A więc zacznijmy!
Co to jest JSON.metoda stringify ()
Jako programista JavaScript może być konieczne serializację danych do string, aby przechowywać w bazie danych aplikacji lub wysłać je na dowolny serwer WWW lub interfejs API. Jeśli chcesz wysłać konkretne dane na serwer WWW, musi być w formacie ciągu.
Składnia JSON.metoda stringify ()
JSON.stringify (wartość, zamiennik, spacja);Możesz zobaczyć z powyższej składni, że JSON.metoda stringify () ma tam parametry: „wartość”,„zamiennik", I "przestrzeń”:
- Pierwszy parametr, „wartość" reprezentuje "obiekt„Że zamienimy na ciąg.
- Drugi parametr, „zamiennik”Reprezentuje szyk lub dowolny Funkcja modyfikowania które można wykorzystać jako filtr JSON.metoda stringify ().
- Wreszcie „„przestrzeń”Parametr kontroluje przestrzenie w końcowym wygenerowanym ciągu.
„„zamiennik" I "przestrzeń„Parametry są opcjonalne, podczas gdy musisz przekazać dowolny obiekt jako„wartość„Do JSON.metoda stringify (), aby mogła zwrócić ciąg.
Przykład: JSON.metoda stringify () w JavaScript
W poniższym przykładzie wykorzystamy JSON.Stringify () metoda konwersji obiektu w ciągu w JavaScript. W tym celu najpierw utworzymy obiekt JavaScript „obj”I dodaj do tego parę wartości kluczowej:
var obj = „name”: „Alex”, „wiek”: 25, „miasto”: „Paris”;Następnie przejdziemy „obj„Do JSON.metoda stringify () i zwrócony ciąg będzie przechowywany w „JSON”:
var json = json.stringify (obj);Po wywołaniu JSON.metoda stringify (), klucze dodane w naszym „obj„Obiekt JavaScript jest przekonwertowany na ciąg, jednak określona metoda przetworzyła ich wartości na podstawie ich typu:
konsola.log (JSON);Możesz użyć dowolnej piaskownicy kodowania online lub ulubionego edytora kodu do wykonywania dostarczonego programu JavaScript; Jednak użyjemy kodu Visual Studio:
Wyjście powyższego programu pokazuje, że JSON.Metoda stringify () z powodzeniem przekonwertowała dodany obiekt na ciąg:
JSON.Metoda stringify () z zamiennikiem
Jak wspomniano powyżej, "zamiennik”To argument przekazany JSON.Stringify () metoda wprowadzania zmian w obiekt JavaScript przed jego konwersją w ciągu. „„zamiennik„Parametr JSON.metoda stringify () może być szyk lub funkcjonować. Podamy Ci przykłady związane z obiema przypadkami.
Przykład: JSON.metoda stringify () z funkcją zastępczą
Aby zdefiniować funkcję zamiennika, najpierw musisz określić „klucz" I "wartość„Jako jego argumenty. Następnie możesz dodać dowolne instrukcje warunkowe w jego ciele i ustawić tę funkcję, aby zwrócił „wartość".
W tym przykładzie postaramy się przekonwertować wartość obiektu na wielkie litery przed przekształceniem go w ciąg. Aby to zrobić, stworzymy „obj„Obiekt JavaScript o trzech par kluczowych:
var obj = „name”: „Alex”, „Age”: „20”, „miasto”: „Paris”;Następnie wywołamy JSON.metoda stringify () i dodaj funkcję zamiennika, aby przekonwertować wartość „miasto„Klucz do wielkiej litery. Po wykonaniu tej operacji JSON.metoda stringify () konwertuje „obj”Aby ciągnąć i przechowywać zwróconą wartość w„tekst”:
var text = json.stringify (obj, funkcja (klucz, wartość)if (key == „miasto”)
Wartość zwracana.ToupperCase ();
w przeciwnym razie
Wartość zwracana;
);
Na koniec wyświetlimy konwertowany ciąg za pomocą konsoli.Metoda log ():
konsola.log (tekst);Sprawdź pod względem danych wyjściowych; wartość „miasto„Klucz ma teraz wielkie litery:
Przykład: JSON.Metoda stringify () z tablicą zastępującą
Teraz przekazamy zamiennik tablicy do JSON.metoda stringify () jako argument. W tym celu stworzymy „obj”Obiekt JavaScript z następującymi„kluczowa wartość”Pary:
var obj = „name”: „Alex”, „wiek”: 25, „miasto”: „Paris”;Następnie zdamy „obj”Jako wartość i„['imię Wiek']„Jako tablica. Po tym, JSON.Metoda stringify () przekonwertuje tylko klucze dodane do przekazanej tablicy. Wartość zwrócona metodą wywołaną będzie przechowywana w „JSON”:
var json = json.stringify (obj, [„name”, „wiek”]);konsola.log (JSON);
Oto dane wyjściowe, z których otrzymaliśmy, przekazując tablicę zamiennika w naszym JSON.Stringify () Metoda:
JSON.metoda stringify () z przestrzenią
"przestrzeń”To kolejny opcjonalny parametr dodany w„JSON.stringify ()„Metoda kontrolowania prezentacji lub wyświetlania konwertowanego ciągu. A "numer”Jest dodawany jako przestrzeń reprezentująca liczbę pustych przestrzeni, które chcesz umieścić na początku linii, w której zaczynają się wyjścia ciągów.
Przykład: JSON.metoda stringify () z przestrzenią
W naszym programie JavaScript wywołamy JSON.metoda stringify () podczas dodawania parametru przestrzennego. Aby to zrobić, utworzymy obiekt JavaScript o nazwie „obj”, Mając następujące trzy„kluczowa wartość”Pary:
var obj = „name”: „Alex”, „Age”: „25”, „miasto”: „Paris”;Następnie wykorzystamy JSON.Stringify () metoda konwersji naszego obiektu JavaScript „obj”Do„tekst" strunowy. Zauważ, że dodaliśmy „4”Jako parametr przestrzeni reprezentujący liczbę przestrzeni przed rozpoczęciem ciągu:
var text = json.stringify (obj, null, 4);konsola.log (tekst);
Jak widać z powyższego wyjścia, że cztery przestrzenie są z powodzeniem dodawane przed każdą „kluczowa wartość”Para.
Wniosek
JSON.metoda stringify () przekształca obiekt JSON w ciąg. W JSON.metoda stringify () możesz określić różne parametry, takie jak zamiennik i przestrzeń, aby zmienić dowolną wartość klucza lub kontrolować przestrzenie w wyjściu. Ten zapis wyjaśnił JSON.Metoda stringify () w JavaScript z demonstracją przykładów za pomocą tablicy zastępczej, funkcji zamiennika i przestrzeni.