    pfp.services.filterGroups.getNextFilterSetOptions()        .done(function(values) {            _.each(values.items,                function(item) {                    self.filteredItems.push(item);                    if (self.selectAll()) {                        self.tile.selectedValues.push(item.fieldValueId);                    }                });        });I have a lazy loading component in my web app that when scrolling to the bottom of the scrollable div, the aforementioned method is triggered which then pushes new values retrieved from the method to an assortment of arrays.  I feel like iterating over all of these values (which could be hundreds of values) and pushing individually to the assortment of arrays is overkill.  Is there a cheaper and more efficient way of doing this?Refactor AttemptIs this any better other than being slightly less code?    pfp.services.filterGroups.getNextFilterSetOptions()        .done(function(values) {            self.filteredItems(self.filteredItems().concat(values.items));            if (self.selectAll()) {                self.tile.selectedValues(self.tile.selectedValues().concat(_.map(values.items, function(item) { return item.fieldValueId; })));            }        });
Lazy Loading Values to Multiple Arrays
javascript;underscore.js;knockout.js