カテゴリごとにランダムな項目をソートする方法を理解しようとしています。JSON

Question

各ループを使用してJSONデータベースから取得しています。現在、このループはJSONをランダム化し、DIV内のランダムな項目を出力します。私がこれにどのように追加して、それがすべてではなくカテゴリからランダムな項目を選択するかを理解しようとしています。

以下

は私のコードです：

function similarProduct() { 
    $.each(json, function(i,item){ 
     similarProduct = json[Math.floor(Math.random()*json.length)]; 
     similarProduct += '<div>' + '<img src="' + similarProduct.imageURL + '">' + '<h3>' + similarProduct.itemName + '</h3>' + '</div>'; 
    }); 

    $('#productSimilar').append(similarProduct);    
} 

マイJSON形式は、次のようになります。

[ 
    { 
    "itemName":"Organic Tomatoes", 
    "imageURL":"", 
    "itemCategory":"Tomatoes" 
    }, 
    { 
    "itemName":"Olive Oils", 
    "imageURL":"", 
    "itemCategory":"Olive Oil" 
    } 
] 

Answer 1

あなたが最初のカテゴリからアイテムを一時配列categoryItemsを作成し、ランダムな項目を選択する必要がありますその配列から。

function similarProduct() { 
    var categoryItems = []; 
    $.each(json, function(i, item){ 
     if(item.itemCategory == 'Tomatoes') categoryItems.push(item); 
    }); 

    $.each(json, function(i,item){ 
     similarProduct = categoryItems[Math.floor(Math.random()*categoryItems.length)]; 
     similarProduct += '<div>' + '<img src="' + similarProduct.imageURL + '">' + '<h3>' + similarProduct.itemName + '</h3>' + '</div>'; 
    }); 

    $('#productSimilar').append(similarProduct);    
}