在JSON生成的页面上显示重复的项目

Question

我从JSON数据库中提取并在页面上显示产品。当您点击某个产品时，它会在DIV中显示该产品及其相应的名称，upc，imageURL等。

在每个特定项目下面，我有一个类似产品的div。这显示了属于同一类别的产品。因此，如果我点击西红柿，它将显示西红柿和下面的番茄产品。

类似的产品从相同的JSON数据库中提取并随机化并分类以适合所选的正确项目。我遇到的问题是，有时它会随机化页面上已有的相同项目。如何防止类似产品与页面上选择的当前项目匹配？

function showSimilarProduct() {
          var categoryItems = [];
          $.each(json, function(i, item){
              if(window.location.hash.indexOf('Tomatoes') >= 0) {
                  if(item.itemCommodity == '1120') categoryItems.push(item);
              }
              if(window.location.hash.indexOf('Olive') >= 0) {
                  if(item.itemCommodity == '2120') categoryItems.push(item);
              }
              if(window.location.hash.indexOf('Torrone') >= 0) {
                  if(item.itemCommodity == 'K410') categoryItems.push(item);
              }
          });

          var similarProduct= '';
          $.each(json, function(i,item){
              similarProduct = categoryItems[Math.floor(Math.random()*categoryItems.length)];
              similarProduct += '<div>' + '<img class="img-responsive img-hover similarProductImagesCategory" src="' + similarProduct.imageURL + '">' + '<h3 class="similarProductSubCategoryImgCaption">' + similarProduct.itemName + '</h3>' + '</div>';
          });
          $('#productSimilar').append(similarProduct);            
      }