Literały JSON tablica | Wyjaśnione

Lista wyrażeń reprezentujących elementy tablicy określone w parach kwadratowych nawiasów nazywa się literał Json Array. Kiedy tworzysz tablicę, wykorzystując literał macierzy JSON, wartości literału tablicy JSON są dodawane jako elementy tablicy, a jej długość jest ustawiona zgodnie z liczbą przekazanych argumentów.

Ten pismo wyjaśni literał JSON i jego użycie za pomocą odpowiednich przykładów. A więc zacznijmy!

Co to jest dosłowne?

Tablica wewnątrz sznurka JSON jest znana jako literał tablicy. Jest to tak samo jak tablice w JavaScript, jednak może zawierać tylko liczby, ciągi, logiki, tablice, obiekty i wartości zerowe, z wyjątkiem funkcji, wyrażeń, dat i niezdefiniowanych jak tablicy.

String JSON:

jSonstring = '[„Apple”, „Mango”, „Orange”] ”;

Tablica dosłowna w ciągu JSON:

myarray = [„jabłko”, „mango”, „Orange”];

Tworzenie ciągu JSON z tablicy

JavaScript pozwala utworzyć ciąg JSON z tablicy. W tym celu musisz zadeklarować tablicę JavaScript, a następnie stromić tablicę, aby utworzyć ciąg JSON.

Przykład: Jak utworzyć ciąg JSON z tablicy
W poniższym przykładzie utworzymy tablicę o nazwie „myarray”Posiadanie trzech wartości ciągów„Jabłko”,„Mango", I "Pomarańczowy”:

const myarray = [„Apple”, „Mango”, „Orange”];
konsola.log (myarray);

Możesz użyć dowolnej piaskownicy kodowania online lub ulubionego edytora kodu do wykonywania dostarczonego programu JavaScript; Jednak użyjemy kodu Visual Studio:

Po dodaniu kodu w naszym „indeks.html”, Wykonamy go z„Serwer wątroby„Vs Kod rozszerzenia:

Wyjście pokazuje elementy naszego JavaScript „myarray”:

Teraz, aby przekonwertować tablicę na ciąg JSON, JSON.Metoda stringify () zostanie zastosowana, jak pokazano w kodzie podanym poniżej:

Niech arrayLiteral = JSON.stringify (myarray);

Pokażmy „arrayLiteral” w konsoli wraz z jej zmiennym typem za pomocą typ() metoda sprawdzenia, czy tablica jest konwertowana na format ciągu, czy nie.

konsola.log (arrayLiteral);
konsola.log (typeof (arrayLiteral));

Pełny fragment kodu byłby taki:

const myarray = [„Apple”, „Mango”, „Orange”];
konsola.log (myarray);
konsola.log (typeof (myarray));
Niech arrayLiteral = JSON.stringify (myarray);
konsola.log (arrayLiteral);
konsola.log (typeof (arrayLiteral));

Wyjście powyższego fragmentu kodu w konsoli będzie:

Wyjście weryfikuje, że tablica jest pomyślnie ciągnąca.

Notatka: Typ macierzy zmiennej to „obiekt” w JavaScript. Aby uzyskać więcej informacji, przeczytaj sekcję naszego dedykowanego artykułu na temat tablic.

Tworzenie tablicy przez analizowanie ciągu JSON

Inną metodą tworzenia tablicy JavaScript jest przeanalizowanie ciągu JSON i przechowywanie w niej wyniku. W takim przypadku musisz użyć „JSON.analizować()”Metoda analizowania dodanego ciągu JSON w wymagany typ danych.

Przykład: Jak utworzyć tablicę przez analizowanie ciągu JSON
Przede wszystkim zdefiniujemy „MyJson„Ciąg o następujących trzech wartości:

const myJson = '[„cat”, „królik”, „gołębi”]';

W następnym kroku przeanalizujemy „MyJson”Ciąg, wywołując„JSON.analizować()" metoda. Wartości zwrócone określoną metodą zostaną zapisane w „myarray”:

Wykonaj powyższy program i sprawdź jego dane wyjściowe:

Po parsowaniu ciągu JSON w tablicy możesz również uzyskać dostęp do elementu tablicy za pomocą jego indeksu. Na przykład, jeśli chcemy uzyskać pierwszy element „myarray„Następnie dodamy następujący wiersz w naszym programie JavaScript:

konsola.log (myarray [1]);

Wyjście wyświetli się „Królik„Ponieważ jest to element obecny przy pierwszym indeksie„myarray”:

Zapętlanie przez literał macierzy JSON

Jeśli chcesz zapętlić wartości literału tablicy JSON, pierwszą rzeczą, którą musisz zrobić, jest konwersja ciąg JSON na tablicę i użyć „dla w" Lub "Do”Pętle JavaScript do iteracji.

Przykład: jak zapętlić się przez literał JSON Tablica do… w pętli
W tym przykładzie wykorzystamy „dla w”Pętla za zapętlanie przez dodany literał JSON tablica. Ale wcześniej przeanalizujemy nasze „MyJson„Ciąg do„Myobj”Z pomocą„JSON.analizować()" metoda:

const myJson = '„name”: „Alex”, „wiek”: 25, „hobby”: [„malarstwo”, „ogrodnictwo”, „gier”]';
const myobj = json.parse (myJson);

Następnie zadeklarujemy pusty ciąg „informacje". Po tym, zapętwamy dosłowność Parse Json Array, dodając „dla w" pętla. Wynik każdej iteracji zostanie dołączony do „informacje”:

Pozwól info = "";
bo (niech ja w myobj.Zainteresowania)
Info += myObj.Hobby [i] + ",";

konsola.log (informacje);

Przykład: zapętlanie przez literał macierzy JSON za pomocą pętli
W przypadku używania „Do„Pętla, musisz dodać następujący kod w swoim„indeks.html" plik:

dla (niech i = 0; i < myObj.hobbies.length; i++)
Info += myObj.Hobby [i] + ",";

konsola.log (informacje);

Powyższe dane wyjściowe oznacza, że ​​z powodzeniem zapętliliśmy literał tablicy JSON za pomocą „Do" pętla.

Wniosek

Każdy ciąg JSON ma literał macierzy JSON, który zawiera niektóre wartości. Wartości dodane w literale ciągów JSON mogą być liczbą, ciągiem, booleanem lub null. Wartości dosłowne JSON macierzy muszą być zamknięte w nawiasach kwadratowych [] i oddzielone przecinkiem. Ten pismo wyjaśniło literały JSON i ich użycie za pomocą odpowiednich przykładów.