Espinha dorsal.JS é uma estrutura usada para criar aplicativos da Web que seguem o estilo de JavaScript.

Ele suporta modelos, eventos, coleções, vistas e serviços públicos.

Ao usar qualquer uma das funcionalidades anteriores, podemos criar e executar operações diferentes nos dados fornecidos em um aplicativo da web.

Pontos para lembrar

1. É usado com javascript.
2. Podemos implementar a estrutura dentro da tag.
3. Esta estrutura suporta métodos e funções JavaScript como saída e entrada de leitura.
4. A tag é colocada dentro da etiqueta ou na tag.
5. É importante ter links de rede de entrega de conteúdo (CDN) para executar o aplicativo da web no servidor.

Vamos ver a estrutura para colocar o código

Os links de CDN são colocados com o atributo SRC da tag de script.

Links de CDN

O método slice () na espinha dorsal.JS Collection Retorna Instâncias do modelo em um determinado intervalo, podemos especificar o intervalo especificando dois parâmetros: primeiro e último.

Sintaxe:
Coleção_Object.Slice (primeiro, último)

São necessários dois parâmetros.

1. Primeiro especifica a posição do índice da instância do modelo na qual a pesquisa começa.
2. último especifica a posição do índice de instância do modelo na qual a pesquisa termina.

A posição do índice começa com 0.

Abordagem

1. Crie um modelo de backbone usando o método Extend ().
   Sintaxe:
   var modeloclass = backbone.Modelo.ampliar();
2. Crie uma coleção de backbone usando o método Extend () e passe na classe Model.
   Sintaxe:
   var collectionClass = backbone.Coleção.ampliar(
   Modelo: ModelClass
   );
3. Crie um objeto ou instância para a classe de coleção.
   Sintaxe:
   var collection_instance = new collectionClass ();
4. Explore o método Slice () na espinha dorsal.Coleção JS.
   Vamos discutir vários exemplos na espinha dorsal.Método da coleção JS ().

Exemplo 1: Retornar instâncias do modelo de 0 a 2 índices em uma coleção

Neste exemplo, criaremos uma classe modal chamada - Flowers e criar uma aula de coleção FlowerCollection. Vamos passar nossa classe modelo (flores) dentro dela.

Depois disso, temos que criar cinco instâncias para o modelo Flowers com três atributos (Flower_name, Flower_sepals, Flower_petals).

Criaremos uma flor_collection, que é uma instância para a coleção FlowerCollection. E adicionaremos as instâncias do modelo de flores à instância de coleção usando o método add ().

Agora, especificaremos primeiro como 0 e durar 2 no método slice () para retornar as instâncias do modelo nesse intervalo.

Linux Dica

Saída:

Execute o aplicativo em seu navegador salvando o código no arquivo com .HTML como uma extensão.

Aqui, podemos ver que as instâncias do modelo foram devolvidas de 0 a 2.

Exemplo 2: Retornar instâncias do modelo de 1 a 4 índices na coleção

Neste exemplo, criaremos uma classe modal chamada - Flowers e criar uma aula de coleção FlowerCollection. Vamos passar nossa classe modelo (flores) dentro dela.

Depois disso, temos que criar cinco instâncias para o modelo Flowers com três atributos (Flower_name, Flower_sepals, Flower_petals).

Criaremos uma flor_collection, que é uma instância para a coleção FlowerCollection. E adicionaremos as instâncias do modelo de flores à instância de coleção usando o método add ().

Agora, especificaremos primeiro como 1 e durar 4 no método Slice () para retornar as instâncias do modelo nesse intervalo.

Linux Dica

Saída:

Execute o aplicativo em seu navegador salvando o código no arquivo com .HTML como extensão.

Aqui, podemos ver que as instâncias do modelo foram devolvidas de 1 a 4.

Conclusão

Neste backbone.JS Tutorial, discutimos o método Slice () na coleção. É usado para selecionar as instâncias do modelo de uma coleção usando as posições de índice especificadas como faixa com os primeiros e os últimos parâmetros.