So verwenden Sie Array von JSON -Objekten in JavaScript

JavaScript-Objektnotation (JSON) ist das bekannte Format für die Datenspeicherung sowie der Austausch zwischen Clients und Servern. JavaScript bietet eine Umgebung, um Manipulation mit Arrays über JSON -Objekte durchzuführen. Auf diese Weise können Benutzer die im Array gespeicherten Informationen ändern und anzeigen. In diesem Tutorial lernen Sie, wie man das Array für verschiedene Zwecke benutzt JSON Objekt.

Dieser Leitfaden dient den folgenden Inhalt:

• So verwenden Sie Array von JSON -Objekten in JavaScript
• Beispiel 1: Erstellen eines Arrays von JSON -Objekten
• Beispiel 2: Zugriff auf das Array von JSON -Objekten
• Beispiel 3: Fügen Sie das Array von JSON -Objekten hinzu oder löschen Sie sie

So verwenden Sie Array von JSON -Objekten in JavaScript?

Das JSON-Objekt ist im Grunde ein JavaScript-basierter Objekt. Diese Objekte können verwendet werden, um auf die Eigenschaften eines Arrays zuzugreifen. Nach dem Zugriff können Benutzer die Eigenschaften im vorhandenen Array hinzufügen, löschen oder ändern. Darüber hinaus wird die Stringify () -Methode zum Konvertieren der JSON -Zeichenfolge in ein Array von JSON -Objekten verwendet. Auf diese Weise werden die Methoden Push () und POP () verwendet, um die Manipulation auf dem Array durchzuführen.

Beispiel 1: Erstellen eines Arrays von JSON -Objekten in JavaScript

Es wird ein Beispiel in Betracht gezogen, um ein Array von JSON -Objekten zu erstellen, indem JavaScript verwendet wird. Zum Beispiel wird der Code unten bereitgestellt.

Code

const lehrer =
"Name": "Harry", "Betreff": "Englisch",
"Alter": "35"
;
Konsole.Protokoll (Lehrer);

In diesem Code ein Array “Lehrer"Wird durch Definieren von Eigenschaften wie" erstellt "Name","Thema", Und "Alter”.

Danach verschiedene Werte mögen “Harry","Englisch", Und "35Werden den oben genannten Eigenschaften zugewiesen. Am Ende das Array anzeigen “Lehrer”Durch die Verwendung der Konsole.Protokoll() Methode.

Ausgang

Die Ausgabe zeigt die “Lehrer”Array von JSON -Objekten im Konsolenfenster.

Beispiel 2: Zugriff auf das Array von JSON -Objekten in JavaScript

Es wird ein Beispiel in Betracht gezogen, um auf die Eigenschaften von Array -Elementen in JavaScript zuzugreifen.

Code

Konsole.log ("ein Beispiel zur Verwendung von Array by JSON -Objekt");
const lehrer =
"Name": "Harry", "Betreff": "Englisch",
"Alter": "35"
;
const objarr = lehrer =>
const arr = [];
const keys = Objekt.Schlüssel (Lehrer);
für (sei x = 0; x < keys.length; x++)
arr.Push (Lehrer [Schlüssel [x]]);
;
arr zurückgeben;
;
Konsole.log (objarr (Lehrer));

Die Beschreibung des Codes:

• Eine Anordnung "Lehrer"Wird durch Definition initialisiert"Name","Thema", Und "Alter" Eigenschaften.
• Diese Eigenschaften werden verschiedene Werte zugewiesen, wie z. B. “Harry","Englisch", Und "35”.
• Danach a JSON Objekt "Objarr”Wird verwendet, um auf die Eigenschaften von Elementen zuzugreifen und ein Neues Array zurückzugeben.
• Im Inneren "Objarr”, Eine für Schleife wird verwendet, die die Eigenschaftswerte einfügt, indem sie die verwenden drücken() Methode.
• Die Schleife wird ausgeführt, bis alle Eigenschaftswerte in die “eingegeben werden“arr”Array.
• Am Ende die Objarr (Lehrer) wird verwendet, um die Eigenschaftswerte anzuzeigen.

Ausgang

Die Ausgabe zeigt unterschiedliche Werte, „Harry“, „Englisch“ und „35“, indem sie Eigenschaften in JavaScript zuweisen.

Beispiel 3: Fügen Sie das Array von JSON -Objekten in JavaScript hinzu oder löschen Sie sie

Ein Beispiel wird angepasst, um das Elementarray mit einem JSON -Objekt in JavaScript hinzuzufügen und zu löschen.

Code

Konsole.log ("ein Beispiel zur Verwendung von Array by JSON -Objekt");
var arrobj = ["frucht": "apple", "frucht": "banana"];
Konsole.Protokoll (JSON.stringify (arrobj));
Arrobj.push ("frucht": "orange");
Konsole.Protokoll (JSON.stringify (arrobj));
Arrobj.Pop();
Konsole.Protokoll (JSON.stringify (arrobj));

Die Beschreibung des Codes lautet wie folgt:

• Eine Reihe von JSON -Objekten “Arrobj”Wird mit zwei Fruchteigenschaften initialisiert.
• Danach die JSON.Stringify () Die Methode wird verwendet, um den JavaScript -Wert in JSON -Zeichenfolgen umzuwandeln.
• Der Arrobj.drücken() Die Methode fügt ein Element ein, indem der Wert von “übergeht“Frucht":"Orange”In das Array.
• Danach die Arrobj.Pop() Die Methode entfernt das kürzlich eingegebene Element aus dem Array.
• Zeigen Sie am Ende das Array von JSON -Objekten an “Arrobj”Durch die Verwendung der Konsole.Protokoll() Methode.

Ausgang

Die Ausgabe zeigt die obige Codeausführung durch Hinzufügen und Entfernen der Array -Elemente “Frucht":"Orange”Durch die JSON -Objekte.

Abschluss

In diesem Artikel, JSON -Objekte werden verwendet, um auf die Elemente eines Arrays in zuzugreifen und zu ändern JavaScript.
Zu diesem Zweck wird ein Überblick mit zwei praktischen Beispielen bereitgestellt. Im ersten Beispiel haben JSON -Objekte auf die Eigenschaften des Arrays zugegriffen und sie auf der Konsole angezeigt. Im zweiten Beispiel eine integrierte Methode, Stringify (), wird zum Hinzufügen und Löschen von Eigenschaften im Array eingesetzt. Basierend auf diesem Artikel können Benutzer die Eigenschaften eines Arrays mit JSON -Objekten hinzufügen, löschen oder ändern oder ändern.