javascript - 使用 Meteor 对集合中的对象进行分组

Question

我有一个包含字段type和number的集合。

现在我正在打印集合中的文档

{{#each myRows}}
  <tr>
    <td>{{type}}</td>
    <td>{{number}}</td>
  </tr>
{{/each}}

许多行具有相同的type值，因此我想按type对行进行“分组”。我怎样才能获得这个？我需要类似的东西

{{#types}}
  <tr>
    <th>{{type}}</th>
  </tr>
  {{#each numbersInType}}
  <tr>
    <td>{{type}}</th>
  </tr>
  {{/each}}
{{/each}}

Answer 1

尝试一下这样的事情:

Template.myTemplate.helpers({
  types: function() {
    // fetch your rows somehow
    var rows = Collection.find().fetch();

    // hash of type data
    var types = {};

    _.each(rows, function(row) {
      var type = row.type

      // initialize each type in the hash if it isn't defined
      if (types[type] == null)
        types[type] = {type: type, numbers: []};

      // add the numbers to the array for this type
      types[type].numbers.push(row.number);
    });

    // the values of the has contain an array of properly formed data
    return _.values(types);
  }
});

助手的结果将如下所示:

[ { type: 'a', numbers: [ 1, 2, 3 ] },
  { type: 'b', numbers: [ 10, 11, 12 ] },
  { type: 'c', numbers: [ 100 ] } ]

这是一个示例模板片段:

{{#each types}}
  <tr>
    <th>{{type}}</th>
  </tr>
  {{#each numbers}}
    <tr>
      <td>{{this}}</th>
    </tr>
  {{/each}}
{{/each}}