Rückgrat.JS ist ein Framework, das zum Erstellen von Webanwendungen verwendet wird, die dem Stil von JavaScript folgen.
Es unterstützt Modelle, Veranstaltungen, Sammlungen, Ansichten und Dienstprogramme.
Durch die Verwendung einer der vorherigen Funktionen können wir unterschiedliche Vorgänge in den angegebenen Daten in einer Webanwendung erstellen und ausführen.
Punkte, die man sich merken sollte
Lassen Sie uns die Struktur sehen, um den Code zu platzieren
CDN -Links werden mit dem SRC -Attribut des Skript -Tags platziert.
CDN -Links
Die Unshift () -Methode im Rückgrat.Die JS -Sammlung fügt der Sammlung zu Beginn ein Modell hinzu. Es ist möglich, der Sammlung ein einzelnes Modell (einzelne Instanz) oder ein Array von Modellen (mehr als eine Instanz durch ein Array) hinzuzufügen.
Syntax:
Collection_Object.nicht geschaltet (Modell, Optionen)
Es dauert zwei Parameter.
Modell - Collection_Object.Unschuh (model_instance1)
Modelle - Collection_Object.unschiff ([model_instance1, model_instance2,…])
Ansatz
Lassen Sie uns mehrere Beispiele des Rückgrats erörtern.JS Collection Unshift () Methode.
Beispiel 1: Fügen Sie zu Beginn der Sammlung ein einzelnes Modell hinzu
In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.
Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).
Wir werden eine Flower_Collection erstellen, die eine Instanz der FlowerCollection -Sammlung ist. Und wir werden die Instanz des Blumenmodells mit der Methode add () zur Sammlung fügen.
Jetzt werden wir der Sammlung mit der Unshift () -Methode eine neue Modellinstanz hinzufügen.
Schließlich zeigen wir die Sammlung mit dem JSON an.Stringify () Methode.
Ausgang:
Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.
Hier sehen wir die Unshift () -Methode fügt die Flower2 -Instanz der Blume_Collection am Anfang hinzu.
Beispiel 2: Fügen Sie zu Beginn in einer Sammlung Modelle hinzu
In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.
Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).
Wir werden eine Flower_Collection erstellen, die eine Instanz für die FlowerCollection -Sammlung ist. Und wir werden der Sammlungsinstanz mit der Methode add () drei Instanzen des Blumenmodells hinzufügen.
Jetzt werden wir zu Beginn der Sammlung zwei Modellinstanzen mit der UnShift () -Methode hinzufügen.
Schließlich zeigen wir die Sammlung mit dem JSON an.Stringify () Methode.
Ausgang:
Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.
Hier können wir die Unshift () -Methode sehen, die die Kollektion zu Beginn der Kollektion hinzugefügt hat
Abschluss
In diesem Rückgrat.JS Tutorial, wir haben die Unshift () -Methode in der Sammlung besprochen. Es wird verwendet, um die Sammlung zu Beginn Modelle hinzuzufügen. Wenn es mehr als eine Instanz eines Modells gibt, das nicht geschoben wird, können Sie ein Array innerhalb der Unshift () -Methode verwenden und Modelle über das Array an die Unshift () -Methode übergeben.