使用Underscore创建对象集合

时间:2016-05-12 14:39:28

标签: javascript arrays underscore.js grouping

基本上,我有一个带有对象的数组,它们需要组合在一起。这有点难以解释,但如果我给你们一个例子,它可能会更容易。

结果数据

[
 {
  "Category": "Préparé",
  "Sandwich": "Martino",
  "Ingredient": "Ansjovis",
  "Price": 3.1
 },
 {
  "Category": "Préparé",
  "Sandwich": "Martino",
  "Ingredient": "Tabasco",
  "Price": 3.1
 },
 {
  "Category": "Veggie",
  "Sandwich": "Gezond",
  "Ingredient": "Tomaat",
  "Price": 2.5
 },
 {
  "Category": "Veggie",
  "Sandwich": "Gezond",
  "Ingredient": "Kaas",
  "Price": 2.5
 }
];

这是我的数组的基本示例。我不能改变这种结构,它是我们的API提供数据的方式。

我真正需要的是这种结构:

[
 {
  "CategoryName": "Prépare",
  "Sandwiches": [
    {
     "SandwichName": "Martino",
     "Price": 3.1,
     "Ingredients": ["Ansjovis", "Tabasco"]
    }
  ]
 },
 {
  "CategoryName": "Veggie",
  "Sandwiches": [
   {
    "SandwichName": "Gezond",
    "Price": 2.5,
    "Ingredients": ["Tomaat", "Kaas"]
   }
  ]
 }
]

我尝试过Underscore和_.groupBy,_.sortBy,_.countBy的一些东西 但是,唉,我尝试过的任何东西都没有用。这是否可以使用Underscore(或其他一些库)?

另外在旁注中,这个例子可能有一些JSON结构错误,因为我自己写了。 API提供的数据格式正确。

这个例子只有2个三明治,但实时,我会用每20个三明治检索多个类别,依此类推。这只是一个缩小的例子,但它提供了我需要的概念。

2 个答案:

答案 0 :(得分:0)

在简单的js中尝试这个

var map = {};
results.forEach( function(obj){
  map[ obj.CategoryName ] = map[ obj.CategoryName ] || [];
  map[ obj.CategoryName ].push( obj );
});

var output  = Object.keys(map).map( function(key){
  var arr = [];
  map[key].forEach(function(obj){
     arr.push( {
       "SandwichName": obj.SandwichName,
       "Price": obj.Price,
       "Ingredients": obj.Ingredients
     }); 
  });
  return { "CategoryName" : key , "Sandwiches" : arr };
});

答案 1 :(得分:0)

以下代码可以帮到你:

var data = [...]; // this is your json-data

var result = _.map(_.uniq(_.pluck(data, 'Category')), function(category) {
    var sandwiches = _.uniq(_.pluck(_.where(data, { Category: category }), 'Sandwich'));
    return { 
        CategoryName: category, 
        Sandwiches: _.map(sandwiches, function(sandwich) {
            return { 
            SandwitchName: sandwich, 
          Price: _.findWhere(data, { Category: category, Sandwich: sandwich }).Price, 
          Ingredients: _.pluck(_.where(data, { Category: category, Sandwich: sandwich }), 'Ingredient') 
        };
        })
  };
});