基于类别的离子显示产品列表答案

【问题标题】：ionic display product lists based on category基于类别的离子显示产品列表
【发布时间】：2019-07-19 23:26:20
【问题描述】：

我有一个购物清单应用程序我想根据类别显示产品，我希望产品显示类似这样的内容，其中类别名称看起来不同

这是我的产品代码

var products = [{
    "id": "219",
    "product_id": "198909",
    "sku": "20148089",
    "prod_name": "Chocolate Mousse 1L",
    "vendor": "Woolworths",
    "price": "45.09",
    "status": "0",
    "category": "Bakery & Desserts"
}, {
    "id": "220",
    "product_id": "199403",
    "sku": "20008307",
    "prod_name": "Medium Carrots 500g",
    "vendor": "Woolworths",
    "price": "10.99",
    "status": "0",
    "category": "Carrots & Beetroot"
}, {
    "id": "221",
    "product_id": "204759",
    "sku": "6009207908908",
    "prod_name": "Fresh Spicy Lentil & Vegetable Soup 600g",
    "vendor": "Woolworths",
    "price": "40.78",
    "status": "0",
    "category": "Fresh Food"
 }, {
    "id": "222",
    "product_id": "199015",
    "sku": "6009182131643",
    "prod_name": "Bulk White Gouda Cheese 900g",
    "vendor": "Woolworths",
    "price": "126.45",
    "status": "0",
    "category": "Cheese"
  }];
    let categories = {};
    products.forEach(product => {
    if (!Object.keys(categories).includes(product.category)) {
            categories[product.category] = {
                    items: []
            };
    }
  });
    products.forEach(product => {
    Object.keys(categories).forEach(category => {
            if (product.category === category) {
                    categories[category].items.push(product);
            }
    });
 });
   console.log(categories);

【问题讨论】：

标签： javascript arrays sorting object ionic-framework

【解决方案1】：

var categories=products.map(product=>product.category)
var result=categories.map(category=>{
 return{'category':category,'products':products.filter(product=>product.category==category)}
    })

【讨论】：

仅代码的答案是可以接受的，但是当它们包含对代码的作用、原因以及它如何解决原始问题的描述时，它们会变得更加有用。