Dieser Leitfaden dient den folgenden Inhalten:
- So verwenden Sie ein 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: Hinzufügen oder Löschen des Arrays von JSON-Objekten
Wie verwende ich ein Array von JSON-Objekten in JavaScript?
Das JSON-Objekt ist im Grunde ein JavaScript-basiertes 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 Methode stringify() zum Konvertieren des JSON-Strings in ein Array von JSON-Objekten verwendet. Auf diese Weise werden die Methoden push() und pop() verwendet, um Manipulationen am Array durchzuführen.
Beispiel 1: Erstellen eines Arrays von JSON-Objekten in JavaScript
Es wird ein Beispiel für die Erstellung eines Arrays von JSON-Objekten durch Verwendung von JavaScript betrachtet. Der Code ist beispielsweise unten angegeben.
Code
konst Lehrer = {
'Name' : 'Harri' , 'Thema' : 'Englisch' ,
'das Alter' : '35'
} ;
Konsole. Protokoll ( Lehrer ) ;
In diesem Code ist ein Array „ Lehrer “ wird durch die Definition von Eigenschaften wie „ Name “, „ Thema ', und ' das Alter “.
Danach werden verschiedene Werte wie „ Harry “, „ Englisch ', und ' 35 “ sind den oben genannten Eigenschaften zugeordnet. Zeigen Sie am Ende das Array „ Lehrer ” durch den Einsatz der Konsole.log() Methode.
Ausgabe
Die Ausgabe zeigt die „ Lehrer ” Array von JSON-Objekten im Konsolenfenster.
Beispiel 2: Zugriff auf das Array von JSON-Objekten in JavaScript
Als Beispiel wird der Zugriff auf die Eigenschaften von Array-Elementen in JavaScript betrachtet.
Code
Konsole. Protokoll ( 'Ein Beispiel für die Verwendung von Array by JSON Object' ) ;konst Lehrer = {
'Name' : 'Harri' , 'Thema' : 'Englisch' ,
'das Alter' : '35'
} ;
konst objArr = Lehrer => {
konst Arr = [ ] ;
konst Schlüssel = Objekt . Schlüssel ( Lehrer ) ;
zum ( lass x = 0 ; x < Schlüssel. Länge ; x ++ ) {
Arr. drücken ( Lehrer [ Schlüssel [ x ] ] ) ;
} ;
Rückkehr Arr ;
} ;
Konsole. Protokoll ( objArr ( Lehrer ) ) ;
Die Beschreibung des Codes:
- Eine Anordnung ' Lehrer ” wird initialisiert durch die Definition von “ Name “, „ Thema ', und ' das Alter ' Eigenschaften.
- Diesen Eigenschaften werden unterschiedliche Werte zugewiesen, z. B. „ Harry “, „ Englisch ', und ' 35 “.
- Danach ein JSON Objekt ' objArr “ wird verwendet, um auf die Eigenschaften von Elementen zuzugreifen und ein neues Array zurückzugeben.
- Im „ objArr “, wird eine for-Schleife verwendet, die die Eigenschaftswerte mithilfe von einfügt drücken() Methode.
- Die Schleife wird ausgeführt, bis alle Eigenschaftswerte in das „ Arr ” Array.
- Am Ende ist die objArr(Lehrer) wird verwendet, um die Eigenschaftswerte anzuzeigen.
Ausgabe
Die Ausgabe zeigt verschiedene Werte, „Harry“, „English“ und „35“, indem Eigenschaften in JavaScript zugewiesen werden.
Beispiel 3: Hinzufügen oder Löschen des Arrays von JSON-Objekten in JavaScript
Ein Beispiel wird angepasst, um das Array von Elementen mithilfe eines JSON-Objekts in JavaScript hinzuzufügen und zu löschen.
Code
Konsole. Protokoll ( 'Ein Beispiel für die Verwendung von Arrays nach JSON-Objekten' ) ;war arrObj = [ { 'Obst' : 'Apfel' } , { 'Obst' : 'Banane' } ] ;
Konsole. Protokoll ( JSON. besaiten ( arrObj ) ) ;
arrObj. drücken ( { 'Obst' : 'Orange' } ) ;
Konsole. Protokoll ( JSON. besaiten ( arrObj ) ) ;
arrObj. Pop ( ) ;
Konsole. Protokoll ( JSON. besaiten ( arrObj ) ) ;
Die Beschreibung des Codes lautet wie folgt:
- Ein Array von JSON-Objekten „ arrObj “ wird mit zwei Fruchteigenschaften initialisiert.
- Danach die JSON.stringify() -Methode wird verwendet, um den JavaScript-Wert in JSON-Zeichenfolgen zu konvertieren.
- Das arrObj.push() Methode fügt ein Element ein, indem sie den Wert von „ Obst “: „ Orange “ in das Array.
- Danach die arrObj.pop() -Methode entfernt das zuletzt eingegebene Element aus dem Array.
- Zeigen Sie am Ende das Array von JSON-Objekten an. arrObj ” durch den Einsatz der Konsole.log() Methode.
Ausgabe
Die Ausgabe zeigt die obige Codeausführung durch Hinzufügen und Entfernen der Array-Elemente „ Obst “: „ Orange “ durch die JSON-Objekte.
Fazit
In diesem Artikel, JSON-Objekte werden verwendet, um auf die Elemente eines Arrays zuzugreifen und sie zu ändern JavaScript.
Dazu wird ein Überblick mit zwei Praxisbeispielen gegeben. Im ersten Beispiel haben JSON-Objekte auf die Eigenschaften des Arrays zugegriffen und sie auf der Konsole angezeigt. Im zweiten Beispiel eine eingebaute Methode, stringify() , wird zum Hinzufügen und Löschen von Eigenschaften im Array verwendet. Basierend auf diesem Artikel können Benutzer die Eigenschaften eines Arrays mithilfe von JSON-Objekten hinzufügen, löschen oder ändern.