Removing each model from a backbone.js collection

I'm trying to iterate through a backbone collection and move each item to another collection. While iterating through and removing items only half the items are r开发者_如何学运维emoved.

app.cloud.each(function(model){
    app.cloud.remove(model);
    app.tail.add(model);
})

Can anyone suggest a nice way of addressing this issue? Ideally I wan't to keep the code as readable as possible.

---

You're modifying the collection as you're iterating over it. I don't know backbone very well, but I venture to say that this will produce weird results.

A possible fix is to change your approach so that first you add everything to app.tail by iterating over app.cloud and then clear app.cloud

---

I'm not sure of the reason for wanting to move all models to a new collection but... I'd suggest not iterating over it yourself - let Backbone take care of it. I haven't tried the following but should work.

app.tail.add(app.cloud.toJSON());
app.cloud.reset();

To be safer you'd want to reset app.cloud when the add event fires in app.tail.