Jak używać tablicy obiektów JSON w JavaScript

Notacja obiektu JavaScript (JSON) to dobrze znany format przechowywania danych, a także wymiany między klientami i serwerami. JavaScript zapewnia środowisko do wykonywania manipulacji tablicami przez obiekty JSON. W ten sposób użytkownicy mogą modyfikować i wyświetlać informacje przechowywane w tablicy. W tym samouczku nauczysz się, jak korzystać z tablicy do różnych celów przez JSON obiekt.

Ten przewodnik obsługuje następujące treści:

• Jak używać tablicy obiektów JSON w JavaScript
• Przykład 1: Tworzenie tablicy obiektów JSON
• Przykład 2: Dostęp do tablicy obiektów JSON
• Przykład 3: Dodaj lub usuń tablicę obiektów JSON

Jak używać tablicy obiektów JSON w JavaScript?

Obiekt JSON jest w zasadzie obiektem opartym na JavaScript. Te obiekty mogą być używane do dostępu do właściwości tablicy. Po uzyskaniu dostępu użytkownicy mogą dodawać, usuwać lub modyfikować właściwości w istniejącej tablicy. Ponadto metoda Stringify () jest stosowana do konwersji ciągu JSON w tablicę obiektów JSON. W ten sposób metody push () i pop () są wykorzystywane do wykonywania manipulacji na tablicy.

Przykład 1: Tworzenie tablicy obiektów JSON w JavaScript

Przykład jest rozważany do tworzenia tablicy obiektów JSON poprzez zatrudnienie JavaScript. Na przykład kod jest podany poniżej.

Kod

Const Teacher =
„Nazwa”: „Harry”, „Temat”: „English”,
„Wiek”: „35”
;
konsola.log (nauczyciel);

W tym kodzie tablica „nauczyciel”Jest tworzone przez definiowanie właściwości, takich jak„Nazwa”,„Temat", I "wiek".

Następnie różne wartości takie jak „Złupić”,„język angielski", I "35”Są przypisane do powyższych właściwości. W końcu wyświetl tablicę „nauczyciel”Zastosowanie konsola.dziennik() metoda.

Wyjście

Dane wyjściowe pokazuje „nauczyciel„Tablica obiektów JSON w oknie konsoli.

Przykład 2: Dostęp do tablicy obiektów JSON w JavaScript

Uważa się, że przykład jest dostępny do właściwości elementów tablicy w JavaScript.

Kod

konsola.log („Przykład do użycia tablicy przez obiekt JSON”);
Const Teacher =
„Nazwa”: „Harry”, „Temat”: „English”,
„Wiek”: „35”
;
const objarr = nauczyciel =>
const ar = [];
const klawisz = obiekt.klucze (nauczyciel);
dla (niech x = 0; x < keys.length; x++)
arr.push (nauczyciel [klucze [x]]);
;
return ARR;
;
konsola.Log (Objarr (nauczyciel));

Opis kodu:

• Tablica „nauczyciel”Jest inicjowany przez zdefiniowanie„Nazwa”,„Temat", I "wiek" nieruchomości.
• Właściwości te przypisane są różne wartości, takie jak „Złupić”,„język angielski", I "35".
• Potem a JSON obiekt "Objarr”Jest wykorzystywany do dostępu do właściwości elementów i zwracania nowej tablicy.
• W środku "Objarr”, A For Loop jest używany, który wstawia wartości właściwości, stosując naciskać() metoda.
• Pętla jest wykonywana, dopóki wszystkie wartości właściwości nie zostaną wprowadzone do „arr- tablica.
• W końcu Objarr (nauczyciel) jest wykorzystywany do wyświetlania wartości właściwości.

Wyjście

Wyjście pokazuje różne wartości, „Harry”, „angielski” i „35”, przypisując właściwości w JavaScript.

Przykład 3: Dodaj lub usuń tablicę obiektów JSON w JavaScript

Przykład jest dostosowany do dodania i usunięcia tablicy elementów za pomocą obiektu JSON w JavaScript.

Kod

konsola.log („Przykład do użycia tablicy przez obiekt JSON”);
var arrobj = [„owoc”: „jabłko”, „owoce”: „banan”];
konsola.Log (JSON.stringify (arrobj));
Arrobj.push („owoc”: „pomarańczowy”);
konsola.Log (JSON.stringify (arrobj));
Arrobj.Muzyka pop();
konsola.Log (JSON.stringify (arrobj));

Opis kodu jest następujący:

• Szereg obiektów JSON „Arrobj”Jest inicjowany z dwiema właściwościami owoców.
• Potem JSON.stringify () Metoda jest stosowana do konwersji wartości JavaScript na struny JSON.
• Arrobj.naciskać() Metoda wprowadza element, przekazując wartość „owoc”:„Pomarańczowy„Do tablicy.
• Potem Arrobj.Muzyka pop() Metoda usuwa niedawno wprowadzony element z tablicy.
• W końcu wyświetl tablicę obiektów JSON „Arrobj”Zastosowanie konsola.dziennik() metoda.

Wyjście

Wyjście pokazuje powyższe wykonywanie kodu, dodając i usuwając elementy tablicy „owoc”:„Pomarańczowy„Przez obiekty JSON.

Wniosek

W tym artykule, Obiekty JSON są wykorzystywane do dostępu i modyfikowania elementów tablicy w JavaScript.
W tym celu przewidziany jest przegląd z dwoma praktycznymi przykładami. W pierwszym przykładzie obiekty JSON uzyskały dostęp do właściwości tablicy i wyświetlały je na konsoli. W drugim przykładzie wbudowana metoda, stringify (), jest stosowany do dodawania i usuwania właściwości w tablicy. Na podstawie tego artykułu użytkownicy mogą dodawać, usuwać lub modyfikować właściwości tablicy za pomocą obiektów JSON.