Как оптимизировать вывод товаров JQ?

Question

[devilwish]

Всем привет.Пишу учебный интернет магазин по урокам Алекса Лущенка(кто понял тот поймет).Значится мы парсим json,а делее в цикле выводим по ключам нужные данные.Я придумал вот такую систему категорий.Один из ключей является категорией(в данном случае onecat),условием проверяем соответствие и привязываем к переменной(one),а данные переменной выводятся в свой селектор.(oneout).Но теперь что бы выводить все категории нужно это условие

if (item.cat == "onecat") {
one +=

выводить для каждой категории отдельно,получается повторюша.Подскажите как это можно оптимизировать?

var cart = {};
function init() {
	//Считывание товаров и вывод
	$.getJSON("cargo.json", out); //получает данные json, методом get и запускает функцию out    
}
// OUT & CAT
function out(data) {
   var one = '';
   var two = '';
for (var key in data){
    var item = data[key];
    if (item.cat == "onecat"){
   one += `<div class="product product-grid" data-sort="${item.cost}" data-this="${key}" data-rating="${item.rating}">
                                        <div class="product-media">
                                            <div class="product-thumbnail">
                                                <a href="javascript:void(0);" title="">
                                                    <img src="${item.img1}" alt="" class="current">
                                                </a>

                                            </div>
                                            <!-- /.product-thumbnail -->


                                            <div class="product-hover">
                                                <div class="product-actions">
                                                    <a href="javascript:void(0);" data-id="${key}" class="awe-button product-add-cart add_to_cart" data-toggle="tooltip" title="Add to cart">
                                                        <i class="icon icon-shopping-bag"></i>
                                                    </a>

                                                </div>
                                            </div>
                                            <!-- /.product-hover -->



                                        </div>
                                      <!-- /.product-media -->

                                       <div class="product-body">
                                            <h2 class="product-name">
                                   <a href="javascript:void(0);" title="${item.name}">${item.name}</a>
                              </h2>
                                            <!-- /.product-product -->

                                            <div class="product-category">
                                               <span>${item.description}</span>
                                       </div>
                                           <!-- /.product-category -->

                                         <div class="product-price">

                                               <span class="amount">${item.cost} р.(м3)</span>

                                         </div>
                                       <!-- /.product-price -->
                                   </div>
                                <!-- /.product-body -->
                          </div>
                        <!-- /.product -->`
     };
 }   
 $('.oneout').html(one);
}