Wie verwenden Sie groupBy in Backbone.js Gruppe Sammlungen?

Einer Beispiel-Sammlung (zeigt nur Modelle):

[
    {
        name: "Bob"
        date: "Thu Mar 29 2012"
    },
    {
        name: "James"
        date: "Fri Mar 30 2012"
    },
    {
        name: "Dylan"
        date: "Fri Mar 30 2012"
    },
    {
        name: "Stanley"
        date: "Sat Mar 31 2012"
    },
]

Wie kann ich Underscore.js' groupBy-Funktion zum gruppieren von Modellen mit dem gleichen Datum?

  • Sie vergessen die Kommas vor date:
InformationsquelleAutor Mark Gia Bao Nguyen | 2012-03-31
  1. 5

    Verwenden _.groupBy(data, 'date');

    Könnte man auch verwenden, übergeben Sie eine benutzerdefinierte Funktion, aber in diesem Fall ist es nicht notwendig, da das Attribut shortcut-syntax funktioniert.

    _.groupBy(data, function(row) {
    return row.date;
});

    Demo:

    > _.groupBy(data, 'date')
{ 'Thu Mar 29 2012': [ { name: 'Bob', date: 'Thu Mar 29 2012' } ],
  'Fri Mar 30 2012':
   [ { name: 'James', date: 'Fri Mar 30 2012' },
     { name: 'Dylan', date: 'Fri Mar 30 2012' } ],
  'Sat Mar 31 2012': [ { name: 'Stanley', date: 'Sat Mar 31 2012' } ] }
> _.groupBy(data, function(row) { return row.date });
{ 'Thu Mar 29 2012': [ { name: 'Bob', date: 'Thu Mar 29 2012' } ],
  'Fri Mar 30 2012':
   [ { name: 'James', date: 'Fri Mar 30 2012' },
     { name: 'Dylan', date: 'Fri Mar 30 2012' } ],
  'Sat Mar 31 2012': [ { name: 'Stanley', date: 'Sat Mar 31 2012' } ] }
>
    • Gibt es eine Möglichkeit einrichten, Ansichten für jede Gruppe und halten automatisch synchronisieren, diese Aussicht, wie ein Modell bewegt sich von einer Gruppe zur anderen? Zum Beispiel, wenn ich das Datum ändern, auf dem Modell, es sollte verschoben werden in eine andere Gruppe und die Ansichten aktualisieren sich entsprechend. Jeder Weg, dies zu tun, semi-automatisch (vielleicht mit Marionette) oder muss ich das manuell tun?
    • Dies funktioniert nicht für die eigentliche Rückgrat Sammlungen, die Antwort von bullfrog ist richtig.
    InformationsquelleAutor ThiefMaster
  2. 47

    Wenn Sie die Gruppierung eine eigentliche Rückgrat der Sammlung, die Sie verwenden können, das Rückgrat groupBy-Methode, die implizit verwendet Unterstrich _.groupBy-Funktionalität. Dies ist eine viel sauberere Ansatz meiner Meinung nach.

    collection.groupBy( function(model){
  return model.get('date');
});
    • Dies ist die eigentliche Antwort auf die gestellte Frage.
    • Dies ist die Antwort, die beschreibt, wie die Gruppe mit Rückgrat. Die Antworten oben beschreiben hot-Gruppe mit Unterstrich
    • Sie können natürlich auch die Abkürzung für die Sammlung:.groupBy('Datum')
    • das Kürzel funktioniert bei mir nicht...
    • vielleicht ist Ihr name der Eigenschaft ist nicht richtig, schwer zu wissen, den Grund, ohne irgendwelche infos
    • Danke, aber ich vermute, dass wahrscheinlich bin ich mit einer älteren version von Rückgrat... Den vollständigen code in diese Antwort für mich gearbeitet.

    InformationsquelleAutor bullfrog
  3. 10

    ThiefMaster Antwort ist vollkommen gültig, aber es verursacht mir einige Verwirrung, da war ich auf der Suche einer Lösung für ein backbone.js Sammlung wie der Titel besagt.

    Wenn das Frage-Objekt ist ein backbone-Kollektion, die wir tun sollten, die folgende Gruppierung der Modelle nach Datum:

    _.groupBy(collection.models, function(model){
    return model.get('date')
});

    Ich hoffe, es hilft

    • Dies ist auch die eigentliche Antwort auf die gestellte Frage.
    InformationsquelleAutor RaTiO
  4. 4
    var groups =collection.groupBy(function(model) { return model.get('date'); });

//iterate over groups
for(date in groups) { 
    var models = groups[date];
    console.log('date: '+date); 
    for (var model_idx in models) {  
        console.log('    name: '+ models[model_idx].get('name'));
    }
}
    InformationsquelleAutor Jonatan Anauati
  5. 0

    Für diejenigen, die sich mit Lodash statt Unterstrich, erzielen Sie das gleiche Ergebnis mit der _.method() accessor,

    collection.groupBy(_.method('get', 'date'));
    InformationsquelleAutor Andrew
Schreibe einen Kommentar