W tym kręgosłupie.Samouczek JS Framework, omówimy metodę push () w klasie kolekcji.

Wstęp

Kręgosłup.JS to framework używany do budowania aplikacji internetowych, które śledzą styl JavaScript.

Obsługuje modele, wydarzenia, kolekcje, widoki i narzędzia.

Korzystając z dowolnej poprzedniej funkcji, możemy tworzyć i wykonywać różne operacje na podanych danych w aplikacji internetowej.

Punkty do zapamiętania

1. Jest używany z JavaScript.

2. Możemy zaimplementować framework wewnątrz znacznika.

3. Ta framework obsługuje metody i funkcje JavaScript, takie jak dane wyjściowe i odczytu.

4. Tag jest umieszczony wewnątrz znacznika lub w tagu.

5. Ważne jest, aby mieć linki do sieci dostarczania treści (CDN) do uruchamiania aplikacji internetowej na serwerze.

Zobaczmy strukturę, aby umieścić kod

Linki CDN są umieszczone z atrybutem SRC znacznika skryptu.

Linki CDN

Metoda push () w kręgosłupie.Kolekcja JS dodaje na końcu model do kolekcji. Możliwe jest dodanie do kolekcji pojedynczy model (pojedyncza instancja) lub tablica modeli (więcej niż jedna instancja za pośrednictwem tablicy).

Składnia:

Collection_Object.push (model, opcje)

Wymaga dwóch parametrów.

1. Model to instancja, która zostanie dodana na końcu kolekcji.
2. Parametr opcji służy do określenia, czy jest to model, czy tablica modeli, które należy dodać na końcu.

Model - Collection_Object.push (model_instance1)

Tablica modeli - Collection_Object.push ([model_instance1, model_instance2,…])

Zbliżać się

1. Utwórz model szkieletu przy użyciu metody ext ().

Składnia:

var ModelClass = kręgosłup.Model.rozszerzyć();

2. Utwórz kolekcję kręgosłupa za pomocą metody ext () i przejdź klasę modelu.

Składnia:

var CollectionClass = kręgosłup.Kolekcja.rozszerzyć(
Model: ModelClass
);

3. Utwórz obiekt lub instancję dla klasy kolekcji.

Składnia:

var collection_instance = new CollectionClass ();

4. Przeglądaj metodę push () w kręgosłupie.Kolekcja JS.

Omówmy kilka przykładów kręgosłupa.Metoda js kolekcja push ().

Przykład 1: Wepchnij pojedynczy model do kolekcji

W tym przykładzie utworzymy klasę modalną o nazwie - Flowers i utworzymy klasę kolekcji Klamią. Miniemy w niej naszą klasę modelową (kwiaty).

Następnie musimy utworzyć instancję dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

Stworzymy flower_collection, który jest przykładem kolekcji FlowerCollection. I dodamy instancję modelu kwiatu do instancji kolekcji za pomocą metody add ().

Teraz naciśniemy nową instancję modelu do kolekcji za pomocą metody push ().

Wreszcie wyświetlamy kolekcję za pomocą metody ToJSON ().

Wskazówka Linux

Wyjście:

Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.

Tutaj metoda push () dodaje instancję Flower2 do Flower_Collection na końcu.

Przykład 2: Pchanie modeli do kolekcji

W tym przykładzie utworzymy klasę modalną o nazwie - Flowers i utworzymy klasę kolekcji Klamią. Miniemy w niej naszą klasę modelową (kwiaty).

Następnie musimy utworzyć instancję dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

Stworzymy flower_collection, który jest instancją kolekcji FlowerCollection. I dodamy trzy instancje modelu kwiatu do instancji kolekcji za pomocą metody add ().

Teraz popchniemy dwa instancje modelu do kolekcji za pomocą metody push ().

Wreszcie wyświetlamy kolekcję za pomocą metody ToJSON ().

Wskazówka Linux

Wyjście:

Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.

Tutaj widzimy metodę push () dodała Flower2 i Flower3 do kolekcji na końcu.

Wniosek

W tym kręgosłupie.Samouczek JS, omówiliśmy metodę push () w kolekcji. Służy do dodawania modeli do kolekcji na końcu. Jeśli istnieje więcej niż jedna instancja modelu, który ma zostać popchnięty, możesz użyć tablicy wewnątrz metody push () i przejść do metody push () przez tablicę.