What's wrong with removing models from the Backbone collection?

Question

JavaScript

I can not delete all models from the collection, they are only partially deleted. Stored in LocalStorage. I delete like this:

_.each(myApp.Animals.models, function(animal) {
  animal.destroy();
});

Several elements are removed and a "cannot read property destroy of undefined" error is thrown. The same with
myApp.Animals.invoke('destroy');
Although this code works fine, everything is rendered

_.each(myApp.Animals.models, function(animal) {
  var animalView = new myApp.AnimalInMyListView({'model': animal});
  self.$el.find('table').append(animalView.render().el);
});

I create like this:

addAnimal: function(animal) {
  var newAnimal = animal.clone();
  newAnimal.set({amount: 1});
  myApp.Animals.create(newAnimal);
}

Answer 1

Decided like this:

_.each(myApp.Animals.models, function(animal) {
  myApp.Animals.models[0].destroy();
});

It turns out that the array was shifted after deletion, that's why it didn't work