En esta columna vertebral.JS Framework Tutorial, discutiremos el método findwhere () en la clase de recopilación.

Introducción

Columna vertebral.JS es un marco que se utiliza 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 de aplicación anterior, podemos crear y realizar diferentes operaciones en los datos dados en una 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 Findwhere () en la columna vertebral.JS Collection se utiliza para devolver solo la primera instancia modelo de una colección basada en el atributo especificado en él. Se necesita atributo como un parámetro.

Sintaxis:

colección_object.encontrar donde (atributo)

Se necesita un parámetro.

El atributo es la propiedad del modelo en la que el método findwhere () devolverá solo la primera instancia del modelo basada en el atributo proporcionado.

Si el atributo no está allí, devolverá indefinido.

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 findwhere () en la columna vertebral.colección JS.

Discutamos varios ejemplos de la columna vertebral.Método JS Collection FindWhere ().

Ejemplo 1: Devuelva la primera instancia del modelo basada en el atributo usando findwhere ()

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 algunos atributos de la instancia del modelo para devolverlos usando Findwhere () a través de JSON.Stringify ().

1. Obtenga solo la primera instancia de modelo donde Flower_Petals es 9.
2. Obtenga solo la primera instancia modelo donde Flower_Name es "Lilly"

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 hay dos instancias modelo que coinciden con Flower_Petals igual a 9. Pero encontrar donde () devolverá solo la primera instancia de modelo.

Hay tres instancias de modelo que coinciden con Flower_Name igual a "Lilly", pero FindWhere () solo devolverá la primera instancia de modelo.

Ejemplo 2: Devuelve el primer modelo de instancia basada en el atributo usando findwhere ()

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 usando add ().

Ahora, especificaremos algunos atributos de la instancia del modelo para devolverlos usando el método findwhere () a través de JSON.Stringify ().

Obtenga solo la primera instancia de modelo donde Flower_Petals es 90.

Pista de Linux

Producción:

El undefinado se devuelve para el atributo flor_petals = 90 ya que no existe.

Conclusión

En esta columna vertebral.JS Tutorial, discutimos el método findwhere () en la colección. Selecciona solo la primera instancia de modelo de una colección utilizando el atributo especificado dentro de él. Utilizamos el método Findwhere () con JSON.Stringify () para mostrar las instancias del modelo en una colección.