Jak używać JSON.parse () i json.stringify ()

JSON oznacza notację obiektu JavaScript. JSON to format danych, który można czytać powszechnie używany do wymiany danych między przeglądarką internetową, klientami i serwerem. Większość współczesnych interfejsów API przy użyciu formatów JSON jako wyjściowych. Dlatego JSON staje się popularnym formatem danych dla wyjścia API.

JavaScript zapewnia dwie metody pracy z treścią JSON. parsować i stringować. Metody to JSON.parse () i json.stringify ().

• JSON.analizować() Metoda bierze ciąg JSON i przekształca go w obiekt JavaScript.
• JSON.stringify () Metoda bierze obiekt JavaScript i przekształca go w ciąg JSON.

1. Za pomocą JSON.analizować()

JSON.Parse () Funkcja wprowadza dane JSON i przekształca je w obiekt JavaScript. Oto prosty przykład przekształcenia ciąg JSON w obiekt JS.

// przechowuj dane JSON w zmiennej JavaScript var json = '„id”: 1, „nazwa”: „Dan Radak”, „kraj”: „Stany Zjednoczone”'; // Konwertuj ciąg JSON na obiekt JavaScript var Obj = JSON.Parse (JSON); // Dostęp do poszczególnych wartości z konsoli obiektów JavaScript.Log (obj.ID); // Wyjścia: 1 konsola.Log (obj.nazwa); // Wyjścia: konsola Dan Radak.Log (obj.kraj); // Wyniki: Stany Zjednoczone

12345678910

// przechowuj dane JSON w JavaScript VaribleVar json = '„id”: 1, „nazwa”: „Dan Radak”, „kraj”: „Stany Zjednoczone”'; // Konwertuj ciąg JSON na JavaScript ObjectVar OBJ = JSON.Parse (JSON); // Uzyskaj dostęp do poszczególnych wartości z JavaScript Objectconsole.Log (obj.ID); // Wyjścia: 1 konsol.Log (obj.nazwa); // Wyjścia: Dan Radakconsole.Log (obj.kraj); // Wyniki: Stany Zjednoczone

Przekazanie funkcji - Możesz także przekazać funkcję drugiego (opcjonalnego) argumentu do JSON.funkcja parse (), aby wykonać jakieś zadanie w zakresie każdej wartości JSON. Oto przykład, do którego funkcja przekształca wszystkie wartości ciągów w wielką część w zwróconym obiekcie metody Parse:

// przechowuj dane JSON w zmiennej JavaScript var json = '„id”: 1, „nazwa”: „Dan Radak”, „kraj”: „Stany Zjednoczone”'; // Konwertuj ciąg JSON na obiekt JavaScript var Obj = JSON.parse (json, (klucz, wartość) => if (typeof value === 'String') Wartość zwracana.ToupperCase (); Wartość zwracana; ); // Dostęp do poszczególnych wartości z konsoli obiektów JavaScript.Log (obj.ID); // Wyjścia: 1 konsola.Log (obj.nazwa); // Wyjścia: konsola Dan Radak.Log (obj.kraj); // Wyniki: Stany Zjednoczone

123456789101112131415

// przechowuj dane JSON w JavaScript VaribleVar json = '„id”: 1, „nazwa”: „Dan Radak”, „kraj”: „Stany Zjednoczone”'; // Konwertuj ciąg JSON na JavaScript ObjectVar OBJ = JSON.parse (json, (klucz, wartość) => if (typeof value === 'String') Wartość zwracana.ToupperCase (); zwraca wartość;); // Uzyskaj dostęp do poszczególnych wartości z JavaScript Objectconsole.Log (obj.ID); // Wyjścia: 1 konsol.Log (obj.nazwa); // Wyjścia: Dan Radakconsole.Log (obj.kraj); // Wyniki: Stany Zjednoczone

Zakładamy, że pomaga to zrozumieć zastosowania JSON.metoda parse (). Następnie naucz się innej metody JSON.stringify (), aby wykonać odwrotność powyżej.

2. Za pomocą JSON.stringify ()

JSON.Metoda stringify () służy do przekształcenia obiektu JavaScript w ciąg JSON. Możesz po prostu przekazać obiekt JavaScript do tej funkcji i uzyskać tablicę JSON.

Oto prosty przykład JSON.Stringify () Metoda:

// Utwórz obiekt JavaScript var Obj = Id: 1, nazwa: „Dan Radak”, kraj: „Stany Zjednoczone” // Przekształcanie obiektu JS w JSON String var json = JSON.stringify (obj); konsola.log (JSON); // oczekiwane dane wyjściowe: „id”: 1, „nazwa”: „Dan Radak”, „kraj”: „Stany Zjednoczone”

12345678

// Utwórz obiekt JavaScript var obj = id: 1, nazwa: „Dan Radak”, kraj: „Stany Zjednoczone” // Przekształcanie obiektu JS na JSON Stringvar Json = JSON.stringify (obj); konsola.log (JSON); // oczekiwane dane wyjściowe: „id”: 1, „nazwa”: „Dan Radak”, „kraj”: „Stany Zjednoczone”

Możesz także przekazać dwa dodatkowe argumenty, jeden to funkcja zamiennika, a druga może być wartością przestrzeni do sformatowania wyjścia.

Za pomocą funkcji zamiennika - Do filtrowania wartości wyjściowych używana jest funkcja zamiennika. Na przykład możesz utworzyć funkcję i przekazać ją jako argument. Ta funkcja zwróci dowolną wartość ciągu jako niezdefiniowana.

// obiekt javascript var obj = id: 1, nazwa: „Dan Radak”, wiek: 28, kraj: „Stany Zjednoczone” zamiennik funkcji (klucz, wartość) // filtrowanie właściwości if (typeof wartość === „String”) return undefined; Wartość zwracana; // za pomocą konsoli funkcji zamiennika.Log (JSON.stringify (obj, zamiennik)); // oczekiwane dane wyjściowe: „id”: 1, „wiek”: 28

1234567891011121314

// obiekt javascript var obj = id: 1, nazwa: „Dan Radak”, wiek: 28, kraj: „Stany Zjednoczone” zamiennik funkcji (klucz, wartość) // filtrowanie właściwości if (typeof wartość === „String”) return undefined; Wartość zwrócona; // za pomocą zastępcy funkcji.Log (JSON.stringify (obj, zamiennik)); // oczekiwane wyjście: „id”: 1, „wiek”: 28

Używanie tablicy jako zamiennika - Możesz także przekazać tablicę zawierającą niektóre nazwy kluczów jako zamiennik. Tutaj funkcja Stringify () zwróci jedynie pasujące wartości klawiszy, które klawisze są wysyłane jako zamiennik.

Na przykład wysyłamy identyfikator i nazwę w tablicy jako funkcja zamiennika. W takim przypadku tylko te wartości są powracane jako obiekt JS i odrzucają wszelkie inne wartości.

// Utwórz obiekt JavaScript var obj = id: 1, nazwa: „Dan Radak”, wiek: 28, kraj: „Stany Zjednoczone” // Przekształcanie obiektu JS na ciąg JSON z tablicą zamiennika konsoli zamiennika tablicy.Log (JSON.stringify (obj, [„id”, „name”])); // oczekiwane dane wyjściowe: „id”: 1, „nazwa”: „Dan Radak”

123456

// Utwórz obiekt JavaScript var Obj = Id: 1, nazwa: „Dan Radak”, wiek: 28, kraj: „Stany Zjednoczone” // Przekształcanie obiektu JS na ciąg JSON z tablicą zamiennikowy.Log (JSON.stringify (obj, [„id”, „name”])); // oczekiwane wyjście: „id”: 1, „nazwa”: „Dan Radak”

Przekazanie argumentu przestrzeni - Możesz także przekazać wartość przestrzeni jako trzeci opcjonalny argument. Pomaga to uczynić wyjście w bardziej czytelnym formacie.

// Utwórz obiekt JavaScript var obj = id: 1, nazwa: „Dan Radak”, wiek: 28, kraj: „Stany Zjednoczone” // Wymiana funkcji funkcji pustej (klucz, wartość) wartość zwracana; // za pomocą opcjonalnej konsoli argumentów przestrzennych.Log (JSON.stringify (obj, zamiennik, "); // oczekiwane wyjście // //„ id ”: 1, //„ nazwa ”:„ dan radak ”, //„ wiek ”: 28, //„ kraj ”:" Stany Zjednoczone "// // Korzystanie z zakładki jako konsoli argumentu kosmicznego.Log (JSON.stringify (obj, zamiennik, „\ t”); // Oczekiwane dane wyjściowe // // „id”: 1, // nazwa ”:„ Dan Radak ”, //„ wiek ”: 28, //„ kraj ”:„ Stany Zjednoczone ”//

123456789101112131415161718192021222324252627

// Utwórz obiekt JavaScript var obj = id: 1, nazwa: „Dan Radak”, wiek: 28, kraj: „Stany Zjednoczone” // Wymiana funkcji funkcji pustej (klucz, wartość) Wartość return; // Korzystanie z opcjonalnej argumentum SpaceConsole.Log (JSON.stringify (obj, zamiennik, "); // oczekiwane wyjście // //„ id ”: 1, //„ nazwa ”:„ dan radak ”, //„ wiek ”: 28, //„ kraj ”:" Stany Zjednoczone „// // za pomocą zakładki jako spalusconsole.Log (JSON.stringify (obj, zamiennik, '\ t'); // oczekiwane wyjście // // „id”: 1, // „nazwa”: „dan radak”, // „wiek”: 28, // „kraj” ": "Stany Zjednoczone"//

Wniosek

W tym samouczku ukochałeś użycie JSON.parse () i json.metody stringify ().