Jak czytać, pisać i analizować JSON w JavaScript

Pełną formą dla JSON jest notacja obiektu JavaScript i pochodzi z języka programowania JavaScript. Standardowy format tekstu, który określa dane strukturalne, opiera się na składni obiektów JavaScript. Transmisja danych w aplikacjach internetowych odbywa się za pośrednictwem JSON. Czy słyszałeś o literalnej składni obiektu JavaScript? Tak, Json przypomina to w bliski sposób. Nie ograniczamy się do używania go zawsze z JavaScript.

JSON vs JavaScript. Jak je porównać?

Nie ma dwuznaczności, że JSON wygląda jak JavaScript, ale najłatwiejszym sposobem myślenia o JSON jest jako format danych, przypominający plik tekstowy. Ponieważ JSON jest inspirowany składnią JavaScript, to jest powód, dla którego oboje wyglądają podobnie.

Cechy JSON

• Format pierzastego służy do wymiany danych
• Zwykły tekst napisany w notacji obiektu JavaScript
• Cel wysyłania danych między komputerami jest osiągany za pośrednictwem JSON.
• Jest niezależny od języka, więc nie musisz się martwić o kompatybilność języka w przypadku JSON.

Format JSON

Format JSON jest całkowicie oparty na tekście i pochodzi z składni obiektu JavaScript. Kiedy masz do czynienia z JSON, z pewnością poradzisz sobie z .plik JSON, właśnie tam umieszczane są obiekty JSON, ale mogą również istnieć w kontekście programu jako obiekt lub ciąg JSON.

Ilekroć masz do czynienia z .plik JSON, zobaczysz następujące:

„FirstName”: „John”,
„LastName”: „Doe”,
„Online”: prawda

W przypadku, gdy wchodzisz w interakcje z .js lub .Plik HTML, w którym umieszczony jest obiekt JSON, zobaczysz następujące:

JSON w formie ciągów

var UserName = '„FirstName”: „John”,
„LastName”: „Doe”,
„Lokalizacja”: „New York” ';

Jak odczytać/pisać pliki w JavaScript

NodeJS zapewnia nam moduł, który ma kilka funkcji, takich jak czytanie plików, pliki zapisu itp. Ma wiele innych narzędzi, które pomagają nam w pracy z systemem plików. Jest znany jako „Browserify-FS”.

Teraz, gdy wiemy, czym jest „Browserify-FS”, zainstalujmy to. Użyj następującego polecenia w edytorze, aby zainstalować „Browserify-FS”.

> NPM instaluj przeglądarki-fs

Po pomyślnym zainstalowaniu zaimportuj moduł Browserify-FS w wymaganym programie. Możemy teraz używać różnych funkcji do pisania tekstów lub czytania tekstów z pliku.

Teraz możemy użyć „Browserify-FS”, importując go do naszego pliku JavaScript w następujący sposób:

const FileSystem = wymaga („Browserify-FS”)

Jeśli chcesz dowiedzieć się więcej o tym, jak zaimportować bibliotekę w JavaScript, odwiedź nasz dedykowany artykuł w tym celu:

Warunek: jak importować bibliotekę w JavaScript

Po pomyślnym zaimportowaniu biblioteki Browserify-FS, zacznijmy od przeczytania pliku JSON.

Jak odczytać plik JSON

Załóżmy, że mamy klienta.plik JSON, do którego chcemy przeczytać:

//klient.JSON

„Nazwa”: „Mini Corp.",
„Order_count”: 83,
„Adres”: „Little Havana”

Teraz wykorzystamy system plików.readFile (), aby załadować dane od klienta.plik JSON. Po prostu przejdziemy ścieżkę do naszego pliku i aby otrzymywać dane, funkcję odwołania:

const FileSystem = wymaga („Browserify-FS”)
system plików.odczyt (”./klient.JSON ", (err, data) =>
if (err)
konsola.log („Odczyt pliku nieudany”, err)
powrót

konsola.log („Dane pliku:”, dane)
)

Zawartość pliku zostanie przekazana do funkcji wywołania zwrotnego po ich pomyślnym odczytaniu.

Teraz, aby przeanalizować pobierane dane w format czystego JSON, JSON.Zostanie zastosowana metoda parse (), a końcowy kod będzie wyglądał tak:

const FileSystem = wymaga („Browserify-FS”)
system plików.odczyt (”./klient.JSON ", (err, data) =>
if (err)
konsola.log („Plik nie można odczytać”, ERR)
powrót

próbować
const Client = JSON.Parse (dane)
konsola.log („Dane klienta to:”, klient)

Catch (err)
konsola.log („Błąd analowy ciąg JSON:”, err)

)

Po wykonaniu powyższego kodu dane JSON zostaną odczytane i wyświetlane na konsoli, jak się spodziewaliśmy.

Jak napisać plik JSON

Do pisania danych w sposób asynchroniczny użyjemy systemu plików.Metoda writeFile (). Jeśli chcemy napisać coś w pliku JSON za pomocą JavaScript, najpierw będziemy musieli przekonwertować te dane na ciąg JSON za pomocą JSON.metoda stringify.

Ta metoda przekonwertuje obiekt JavaScript na ciąg JSON, który można zapisać w pliku:

const FileSystem = wymaga („Browserify-FS”)
const Client =
„Nazwa”: „Mini Corp.",
„Order_count”: 83,
„Adres”: „Little Havana”

const data = json.stringify (klient)
konsola.Log (dane)

Powyżej utworzono obiekt klienta z naszymi danymi, który następnie przekształca się w ciąg.

Teraz po prostu napiszemy nasz system plików.Metoda zapisu () do zapisywania danych JSON w newClient.plik JSON:

const FileSystem = wymaga („Browserify-FS”)
const Client =
„Nazwa”: „Mini Corp.",
„Order_count”: 83,
„Adres”: „Little Havana”

const data = json.stringify (klient)
system plików.pisanie (”./nowy klient.JSON ", dane, err =>
if (err)
konsola.log („plik pisania błędu”, err)
w przeciwnym razie
konsola.Log („Dane JSON są zapisywane w pliku pomyślnie”)

)

W ten sposób możemy napisać plik JSON za pomocą systemu plików.Funkcja zapisu ().

Jak przeanalizować ciąg do JSON

W JavaScript, a także terminologii JSON, Parsing odnosi się do idei, w której ciąg JSON jest analizowany, a następnie przekonwertowany na wartość JavaScript lub obiekt opisany przez łańcuch. Przed zwrotem uzyskanego obiektu można na nim przeprowadzić transformację.

Jak to zrobiliśmy w naszym poprzednim przykładzie czytania danych z pliku JSON, po prostu pobraliśmy dane z pliku, który był w formie ciągu. Po pobraniu danych przeanalizowaliśmy ten ciąg w JSON, jak pokazano poniżej:

Załóżmy, że mamy pewne dane JSON w formacie ciągów:

Tak więc używanie JSON.metoda parse (), ciąg zostanie przeanalizowany w formacie JSON.

Jak przeanalizować JSON na string

Podobnie, aby parsować JSON w ciągu, JSON.Stosowana jest metoda stringify ():

const Client =
„Nazwa”: „Mini Corp.",
„Order_count”: 83,
„Adres”: „Little Havana”

const data = json.stringify (klient)
konsola.Log (dane)

Tak więc używanie JSON.metoda stringify (), JSON można przeanalizować na format ciągu.

Wniosek

Celem napisania artykułu jest podanie pełnego wyjaśnienia i dokładnego opisu, w jaki sposób można łatwo czytać, napisać i analizować pliki JSON w JavaScript. Byliśmy w stanie stwierdzić, że funkcje czytania i pisania można łatwo osiągnąć za pomocą systemu plików.odczyt i system plików.piszący.

Omówiliśmy względne funkcje zarówno komponentów i wyjaśniliśmy, w jaki sposób możemy kontynuować za pomocą tych funkcji. Następnie wyjaśniliśmy metodę analizowania metody JSON w precyzyjny sposób.

W związku z tym byliśmy w stanie podać wszystkie koniecznie ważne szczegóły, które były wymagane do odczytania, napisania i analizowania metody JSON w JavaScript.