Columna vertebral.JS es un marco utilizado para crear aplicaciones web que sigan el estilo de JavaScript.

Admite modelos, eventos, colecciones, vistas y servicios públicos.

Al usar cualquiera de las funcionalidades anteriores, podemos crear y realizar operaciones diferentes en los datos dados en una aplicación web.

Puntos para recordar

1. Se usa con JavaScript.
2. Podemos implementar el marco dentro de la etiqueta.
3. Este marco admite métodos y funciones de JavaScript como salida y entrada de lectura.
4. La etiqueta se coloca dentro de la etiqueta o en la etiqueta.
5. Es importante tener enlaces de red de entrega de contenido (CDN) para ejecutar la aplicación web en el servidor.

Veamos la estructura para colocar el código

Los enlaces CDN se colocan con el atributo SRC de la etiqueta de script.

Enlaces CDN

El método Slice () en la columna vertebral.JS Collection Devuelve instancias de modelo dentro de un rango dado, podemos especificar el rango especificando dos parámetros: Primero y último.

Sintaxis:
colección_object.Slice (primero, último)

Se necesitan dos parámetros.

1. Primero especifica la posición de índice de instancia del modelo en la que se inicia la búsqueda.
2. Last especifica la posición de índice de instancia del modelo en la que finaliza la búsqueda.

La posición del índice comienza con 0.

Acercarse

1. Cree un modelo de columna vertebral utilizando el método Extend ().
   Sintaxis:
   var modelclass = backbone.Modelo.extender();
2. Cree una colección de columna vertebral utilizando el método Extend () y pase la clase de modelo.
   Sintaxis:
   Var CollectionClass = Backbone.Recopilación.extender(
   Modelo: ModelClass
   );
3. Crear un objeto o instancia para la clase de recopilación.
   Sintaxis:
   var colección_instance = new CollectionClass ();
4. Explore el método Slice () en la columna vertebral.colección JS.
   Discutamos varios ejemplos en la columna vertebral.Método JS Collection Slice ().

Ejemplo 1: Devuelve instancias de modelo de 0 a 2 índices en una colección

En este ejemplo, crearemos una clase modal llamada: flores y crearemos una clase de recolección de flores. Pasaremos nuestra clase modelo (flores) dentro de ella.

Después de eso, tenemos que crear cinco instancias para el modelo de flores con tres atributos (Flower_Name, Flower_Sepals, Flower_Petals).

Crearemos una Flower_Collection, que es una instancia de la colección de recolección de flores. Y agregaremos las instancias del modelo de flores al método de colección utilizando el método add ().

Ahora, especificaremos primero como 0 y la última como 2 en el método Slice () para devolver las instancias del modelo dentro de este rango.

Pista de Linux

Producción:

Ejecute la aplicación en su navegador guardando el código en el archivo con .html como extensión.

Aquí, podemos ver que las instancias modelo se devolvieron de 0 a 2.

Ejemplo 2: Devuelve instancias de modelo de 1 a 4 índices en la colección

En este ejemplo, crearemos una clase modal llamada: flores y crearemos una clase de recolección de flores. Pasaremos nuestra clase modelo (flores) dentro de ella.

Después de eso, tenemos que crear cinco instancias para el modelo de flores con tres atributos (Flower_Name, Flower_Sepals, Flower_Petals).

Crearemos una Flower_Collection, que es una instancia de la colección de recolección de flores. Y agregaremos las instancias del modelo de flores al método de colección utilizando el método add ().

Ahora, especificaremos primero como 1 y el último como 4 en el método Slice () para devolver las instancias del modelo dentro de este rango.

Pista de Linux

Producción:

Ejecute la aplicación en su navegador guardando el código en el archivo con .html como extensión.

Aquí, podemos ver que las instancias modelo se devolvieron del 1 al 4.

Conclusión

En esta columna vertebral.Tutorial JS, discutimos el método Slice () en la colección. Se utiliza para seleccionar las instancias de modelo de una colección utilizando las posiciones de índice especificadas como rango con primeros y últimos parámetros.