Colonne vertébrale.Collection JS.méthode de tranche

Colonne vertébrale.Collection JS.méthode de tranche
Dans cette épine dorsale.Tutoriel JS Framework, nous discuterons de la méthode Slice () dans la classe de collection.

Colonne vertébrale.JS est un framework utilisé pour créer des applications Web qui suivent le style de JavaScript.

Il prend en charge les modèles, les événements, les collections, les vues et les services publics.

En utilisant l'une des fonctionnalités précédentes, nous pouvons créer et effectuer différentes opérations sur les données données dans une application Web.

Points à retenir

  1. Il est utilisé avec JavaScript.
  2. Nous pouvons implémenter le cadre à l'intérieur de la balise.
  3. Ce cadre prend en charge les méthodes et fonctions JavaScript comme la sortie et la lecture d'entrée.
  4. La balise est placée à l'intérieur de la balise ou de la balise.
  5. Il est important d'avoir des liens de réseau de livraison de contenu (CDN) pour exécuter l'application Web sur le serveur.

Voyons la structure pour placer le code








Les liens CDN sont placés avec l'attribut SRC de la balise de script.

Liens CDN


La méthode Slice () dans la colonne vertébrale.La collection JS renvoie les instances du modèle dans une plage donnée, nous pouvons spécifier la plage en spécifiant deux paramètres: premier et dernier.

Syntaxe:
Collection_Object.Slice (premier, dernier)

Il faut deux paramètres.

  1. Spécifie d'abord la position d'index d'instance du modèle dans laquelle la recherche démarre.
  2. Last Spécifie la position d'index d'instance du modèle dans laquelle la recherche se termine.

La position de l'index commence par 0.

Approche

  1. Créez un modèle d'épine dorsale en utilisant la méthode Extend ().
    Syntaxe:
    var ModelClass = Backbone.Modèle.étendre();
  2. Créez une collection d'épine dorsale en utilisant la méthode Extend () et passez la classe de modèle.
    Syntaxe:
    var CollectionClass = Backbone.Collection.étendre(
    Modèle: ModelClass
    );
  3. Créer un objet ou une instance pour la classe de collection.
    Syntaxe:
    var collection_instance = new CollectionClass ();
  4. Explorez la méthode Slice () dans Backbone.Collection JS.
    Discutons de plusieurs exemples sur l'épine dorsale.Méthode JS Collection Slice ().

Exemple 1: Instances de retour du modèle de 0 à 2 indices d'une collection

Dans cet exemple, nous créerons une classe modale nommée - Fleurs et créerons une classe de collection FlowerCollection. Nous passerons notre classe de modèle (fleurs) à l'intérieur.

Après cela, nous devons créer cinq instances pour le modèle Flowers avec trois attributs (Flower_name, Flower_Sepals, Flower_Petsals).

Nous créerons un flower_collection, qui est un exemple à la collection FlowerCollection. Et nous ajouterons les instances du modèle de fleur à l'instance de collection en utilisant la méthode Add ().

Maintenant, nous spécifierons d'abord 0 et durer comme 2 dans la méthode Slice () pour retourner les instances de modèle dans cette plage.









Indice de linux





Sortir:

Exécutez l'application dans votre navigateur en enregistrant le code dans le fichier avec .HTML comme extension.

Ici, nous pouvons voir que les instances de modèle ont été renvoyées de 0 à 2.

Exemple 2: Instances de retour du modèle de 1 à 4 indices de la collection

Dans cet exemple, nous créerons une classe modale nommée - Fleurs et créerons une classe de collection FlowerCollection. Nous passerons notre classe de modèle (fleurs) à l'intérieur.

Après cela, nous devons créer cinq instances pour le modèle Flowers avec trois attributs (Flower_name, Flower_Sepals, Flower_Petsals).

Nous créerons un flower_collection, qui est un exemple à la collection FlowerCollection. Et nous ajouterons les instances du modèle de fleur à l'instance de collection en utilisant la méthode Add ().

Maintenant, nous spécifierons d'abord 1 et durer comme 4 dans la méthode Slice () pour retourner les instances de modèle dans cette plage.









Indice de linux





Sortir:

Exécutez l'application dans votre navigateur en enregistrant le code dans le fichier avec .HTML comme extension.

Ici, nous pouvons voir que les instances de modèle ont été renvoyées de 1 à 4.

Conclusion

Dans cette épine dorsale.Tutoriel JS, nous avons discuté de la méthode Slice () dans la collection. Il est utilisé pour sélectionner les instances de modèle d'une collection en utilisant les positions d'index spécifiées comme plage avec les premiers et derniers paramètres.