✅ Backbone.js - coleções de modelos

Índice

O objetivo das aplicações é lidar com dados dinâmicos, a esses dados teremos que aplicar certas funções e comportamentos para que um usuário possa utilizá-los e obter algum benefício deles.
Podemos conseguir isso de muitas maneiras e em Backbone.js nós temos o coleções, que são estruturas que nos permitem agrupar modelos de forma ordenada, para que possamos ter uma coleção de um tipo de modelo e saber que nela vamos conter todos os objetos de um determinado escopo.
Coleções
Como mencionamos, as coleções são grupos de modelos e podem ser criadas herdando de Backbone.Collection.
ImportanteNormalmente, ao criar uma coleção, devemos definir o tipo de modelo que conterá em si, junto com as propriedades de instanciação exigidas pelos modelos.
Na imagem a seguir, construímos uma coleção, vamos ver o código e depois explicaremos o que acontece nela:

Primeiro temos que defina nosso modelo, indicamos os atributos que possui, neste caso título Y completado, então definimos nossa coleção e indicamos que tipo de modelo ela deve conter e então criamos um objeto que herda de nosso modelo e inicializamos os atributos, até aqui é a parte de inicialização.
Em seguida, passamos para um objeto de coleção, o objeto do nosso modelo em um array, isso nos diz que podemos passar mais de um objeto dentro do nosso array e finalmente imprimimos o tamanho da coleção para confirmar que armazenamos tudo corretamente.
Adicionar e Remover
Como a ideia é que tudo seja dinâmico também podemos adicionar e remover modelos de nossas coleções, tudo isso é feito de uma forma muito simples usando os métodos adicionar Y remover sobre o objeto de nossa coleção:

Na imagem vemos como continuamos com a estrutura do modelo do primeiro exemplo, mas neste caso criamos uma nova coleção, dizemos que usaremos o mesmo modelo e então criamos 3 objetos que estender o modelo.
Fazemos uma integração inicial dos objetos aeb, em um array passamos para nossa coleção e imprimimos quantos objetos ela possui, neste caso indica que 2.
Então, usando o adicionar método e passando o objeto que queremos adicionar como parâmetro, nossa coleção cresce para 3 objetos, até agora esse comportamento é muito simples e o que acontece se quisermos remover um ou mais elementos, simplesmente passamos para o remover método um array, da mesma forma que fizemos com o método add.
Acabamos removendo os objetos aeb e quando apenas c permanece, imprimimos o número de objetos novamente e ele nos diz um. Também podemos remover este último e a coleção nos dirá que tem 0 objetos e não teremos problemas.
LembrarExiste a possibilidade de passar objetos duplicados, mas se usarmos a propriedade {mesclar: verdadeiro} seus valores são unificados ao invés de ignorados, isso pode ser levado em consideração caso uma situação desse tipo nos ocorra.
No final deste tutorial, já sabemos o que são coleções e como gerá-las em Backbone.jsComo podemos ver, é uma forma de ordenar nossos objetos por escopos de forma que possamos usá-los com muito mais facilidade em nossa aplicação.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo