JAVASCRIPT

Backbone Model And Collection

var Song = Backbone.Model.extend();
var Songs = Backbone.Collection.extend({model: Song})

Backbone Collection

var Song = Backbone.Model.extend();

var Songs = Backbone.Collection.extend({
model:Song});
var songs = new Songs([new Song({title: "Song 1"}),
new Song({title: "Song 2"}),
new Song({title: "Song 3"})

]);

songs.add(new Song({title:"Song 4"}));

var firstSong = songs.at(0);

var songWithIdC1 = songs.get("c1");
songs.remove(firstSong);

console.log(songs);

Backbone Collection Example

/*you must specify collection: in the parameter, you cannot use another in place of this.collection */


     var Person = Backbone.Model.extend({});
var PersonsCollection = Backbone.Collection.extend({});
        var ViewDemo = Backbone.View.extend({  
           el: $('#myContent'),  
        template: _.template("<b> <%= name %></b>"),  
              initialize: function(){  
                 this.render();  
              },  
              render: function(){  

for(var i =0; i<this.collection.models.length; i++)
{
                 this.$el.append(this.template( this.collection.models[i].toJSON()));  
 
                           }
                                        }  
        });  
const personscollection = new PersonsCollection();
personscollection.add([{name:"This is my name 1"}])
personscollection.add([{name:"This is my name 2"}])
personscollection.add([{name:"This is my name 3"}])
personscollection.add([{name:"This is my name 4"}])

Backbone Models In Collection Is Added Here

     reset: function(models, options) {
        console.log("this plays at creation");

        options = options ? _.clone(options) : {};
        for (var i = 0; i < this.models.length; i++) {
          this._removeReference(this.models[i], options);
        }
        options.previousModels = this.models;
        this._reset();
        
        models = this.add(models, _.extend({silent: true}, options));
        if (!options.silent) this.trigger('reset', this, options);
        return models;
      },