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 shift () na espinha dorsal.A JS Collection remove a primeira instância do modelo da coleção.

Sintaxe:
Coleção_Object.turno (opções)

É preciso um parâmetro.

O parâmetro de opções é especificar o tipo de modelo.

Modelo - Coleção_Object.mudança()

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 shift () na espinha dorsal.Coleção JS.
   Vamos discutir vários exemplos da espinha dorsal.Método da Coleção JS ().

Exemplo 1: Remova o modelo de primeira instância de um único modelo para a 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 uma instância para o modelo Flowers com três atributos (flor_name, flor_sepals, flor_petals).

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

Agora, removeremos esta instância de modelo adicionada da coleção usando o método shift ().

Finalmente, estamos exibindo a coleção usando o JSON.Método Stringify ().

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 o método shift () remove a primeira instância da coleção.

Exemplo 2: Remova o modelo de primeira instância da matriz de modelos para a 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 uma instância para o modelo Flowers com três atributos (flor_name, flor_sepals, flor_petals).

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

Agora, removeremos a primeira instância do modelo usando o Shift ().

Finalmente, estamos exibindo a coleção usando o JSON.Método Stringify ().

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 o método shift () remove a flor1 da coleção, e as demais instâncias flores2 e flor3 são exibidas.

Conclusão

Neste backbone.JS Tutorial, discutimos o método shift () na coleção. É usado para remover um modelo de primeira instância da coleção. É semelhante para remover (), mas não será necessário qualquer instância do modelo como um parâmetro. Ele simplesmente remove o modelo de primeira instância.