Erstellen von Objektliste in JavaScript
In diesem Blog werden die Methoden zum Erstellen von Objektliste in JavaScript veranschaulicht.
So erstellen Sie eine Liste von Objekten in JavaScript?
Um eine Liste von Objekten in JavaScript zu erstellen, können die folgenden Ansätze verwendet werden:
- “für”Schleife
- “für jede()" Methode
- “Karte()" Methode
Die genannten Ansätze werden nacheinander diskutiert!
Methode 1: Erstellen Sie eine Liste von Objekten in JavaScript mit für die Schleife
Der "fürDie Schleife wird angewendet, um alle Elemente zu iterieren, indem die Start- und Endnummern oder der Index angegeben werden. Diese Technik kann verwendet werden, um entlang der Objektliste zu iterieren, indem die Arraylänge angegeben und die Werte gleichzeitig angezeigt werden.
Schauen Sie sich das folgende Beispiel an.
Beispiel
Im folgenden Beispiel erstellen wir eine Liste der benannten Objekte “ObjektlisteMit den folgenden Werten:
ObjectList = [Name: 'Harry', ID: 1, Stadt: "Newyork",
Name: 'David', ID: 2, Stadt: "Berlin",
Name: 'John', ID: 3, Stadt: "London"
];
Wenden Sie nun das an “anfür"Schleife und die"LängeEigenschaft, um die Listenobjekte entlang zu iterieren und die Liste der Objekte in der Konsole zu drucken:
für (lass i = 0; i < objectList.length; i ++ )Konsole.log (ObjectList [i]);
Die entsprechende Ausgabe ist:
Methode 2: Erstellen Sie eine Liste von Objekten in JavaScript mit der foreach () -Methode
Der "für jede()Methode Aufrufe eine Funktion für jedes Array -Element. Diese Methode kann implementiert werden, um die erstellten Objekte jedem Array -Element zuzuweisen und an eine neu erstellte Liste anzuhängen.
Das folgende Beispiel erklärt das angegebene Konzept.
Beispiel
Erstellen Sie zunächst ein Array namens “Objektliste”Mit den folgenden Elementen:
var ObjectList = ["Linux Hint", "Google"];Als nächstes wenden Sie das an “für jede()Methode zum erstellten Array, um die angegebene Funktion für jedes Array -Element aufzurufen. Hier, "Eintrag”Im Argument der Funktion bezieht sich die Array -Werte. Danach eine leere Liste mit dem Namen “Newobj”Wird für die Liste der Objekte angehängt werden. Nun zwei benannte Objekteigenschaften “Typ" Und "WertWird in jeder Iteration erstellt; Der Typ wird als "zugewiesen" zugewiesen "Webseite", Und der Wert bezieht sich auf"Eintrag”(Array -Werte). Daher wird eine neue Liste (Newobj) mit den Objekten angehängt und angezeigt:
Objektliste.foreach (Funktion (Eintrag)var newobj = ;
Newobj ['Typ'] = 'Website';
Newobj ['Wert'] = Eintrag;
Konsole.Protokoll (Newobj)
);
Ausgang
Methode 3: Erstellen Sie eine Liste von Objekten in JavaScript mit MAP () -Methode
Der "Karte()Methodenaufruf für jedes Array -Element einmal eine Funktion. Diese Methode kann implementiert werden, um die spezifischen Objekte an Array -Elemente zuzuordnen und an eine neu erstellte Liste anzuhängen.
Schauen Sie sich das folgende Beispiel an.
Beispiel
Erstellen Sie zunächst ein Array namens “Objektliste”Wie in der vorherigen Methode erörtert:
var ObjectList = ["JavaScript", "Java", "Python"];Als nächstes wenden Sie das an “Karte()Methode, um die Funktion im Array abzubilden. Erstellen Sie auch eine NULL -Liste mit dem Namen “NewobjUnd erstellen Sie in jeder Iteration zwei Objekteigenschaften, wie in der vorherigen Methode erläutert. Abschließend protokollieren Sie die Liste der Objekte auf der Konsole:
Objektliste.MAP (Funktion (Eintrag)var newobj = ;
Newobj ['Typ'] = 'Sprache';
Newobj ['Wert'] = Eintrag;
Konsole.Protokoll (Newobj)
);
Ausgang
Wir haben alle kreativen Methoden erörtert, um eine Liste von Objekten in JavaScript zu erstellen.
Abschluss
Verwenden Sie die “, um eine Liste von Objekten in JavaScript zu erstellenfürSchleifenmethode, um die Listenobjekte mit Hilfe der Länge Eigenschaft zu iterieren, die “für jede()Methode, um die neu erstellten Objekte mit den Array -Werten in Beziehung zu setzen und sie an eine neue Liste oder die “anzuhängen“Karte()Methode zum Zuordnen der Funktion im erstellten Array, um auf die Array -Elemente zuzugreifen, sie mit den erstellten Objekten zusammenzufassen und in der Liste der Objekte anzuhängen. In diesem Blog wurde die Methoden zum Erstellen einer Objektliste in JavaScript gezeigt.