Need to remove duplicates from JSON array [duplicate]

Question

I am working with a JSON array and I am trying to remove duplicates from being posted on the HTML page when I run the loop. Currently I see both images with the same category pizza on the page. How can I make it so it shows only one pizza category with an image? I want to hide the others. Hoping someone can show me what I need to do. Below is my code:

(function() {
  'use strict';

  var url = 'path to json';

  $.getJSON(url, function(json) {
    var data = (json);
    var images = '';

    	 var uniqueNames = [];
		 
    	 //retrieve values from json file
    	 $.each(data, function(i, item) {
	     if($.inArray(item, uniqueNames) === -1) uniqueNames.push(item)
      	 	images += '<div class="col-md-6 col-sm-6">' + '<img class="img img-responsive img-hover imgCategory" src="' + (item[0].imageURL) + '">' + '<h1>' + (item[0].category) + '</h1>' + '</div>';
    	
         });
    	 //append results to div
    	 $('#images').html(images);
  });
})();

/*JSON Sample */
[
  [{
    "category": "pasta",
    "imageURL": "path to image"
  }],
  [{
    "category": "pizza",
    "imageURL": "path to image"
  }],
  [{
    "category": "pizza",
    "imageURL": "path to image"
  }]
]

stackoverflow.com/questions/9229645/…

Daniel Lizik
– Daniel Lizik

2016-10-14 14:57:20 +00:00
Commented Oct 14, 2016 at 14:57 — Daniel Lizik
– Daniel Lizik, Commented Oct 14, 2016 at 14:57

Neo · Accepted Answer · 2016-10-14 14:57:34Z

0

Try this approach:

var arr = [], //collect id values 
    collection = []; //collect unique object

$.each(json_all, function (index, value) {
    if ($.inArray(value.id, arr) == -1) { //check if id value not exits
        arr.push(value.id);//push id value in arr
        collection.push(value); //put object in collection to access later
    }
});

answered Oct 14, 2016 at 14:57

Neo

3,4478 gold badges37 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tom Over a year ago

i tried that but it doesnt seem to work

Tom Over a year ago

currently i am trying this approach var uniqueNames = []; //retrieve values from json file $.each(data, function(i, item) { if($.inArray(item, uniqueNames) === -1) uniqueNames.push(item) images += '<div class="col-md-6 col-sm-6">' + '<img class="img img-responsive img-hover imgCategory" src="' + (item[0].imageURL) + '">' + '<h1>' + (item[0].category) + '</h1>' + '</div>'; }); //append results to div $('#images').html(images);

Tom Over a year ago

will update code at top as well

Collectives™ on Stack Overflow

Need to remove duplicates from JSON array [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related