Get unique results from JSON array using jQuery

by

I don’t know how your products array is built up (so my example might need some modification according to your needs), but you could write a little piece of code that will first collect your unique categories into a new array:

var categories = [];

$.each(catalog.products, function(index, value) {
    if ($.inArray(value.category, categories) === -1) {
        categories.push(value.category);
    }
});

jsFiddle Demo

categories will hold the unique categories you need, you can use it to build your HTML from that (be careful with the IDs of those li elements though, remember that IDs cannot be duplicate, you might give them a little prefix).

More Related Contents:

  1. Converting JavaScript object with numeric keys into array
  2. Convert array to JSON
  3. Parsing JSON objects for HTML table
  4. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  5. Convert js Array() to JSon object for use with JQuery .ajax
  6. Getting max value(s) in JSON array
  7. How to find the sum of an array of numbers
  8. Loading local JSON file
  9. Post data to JsonP
  10. How to send JSON instead of a query string with $.ajax?
  11. Unexpected token colon JSON after jQuery.ajax#get
  12. jQuery.getJSON – Access-Control-Allow-Origin Issue
  13. Using jQuery to compare two arrays of Javascript objects
  14. Uncaught TypeError: Cannot use ‘in’ operator to search for ‘length’ in
  15. How to search JSON tree with jQuery
  16. Javascript search inside a JSON object
  17. How to Compare two Arrays are Equal using Javascript? [duplicate]
  18. How to get json key and value in javascript?
  19. Filter strings in Array based on content (filter search value)
  20. How do I encode a JavaScript object as JSON?
  21. Defining a HTML template to append using JQuery
  22. Nested JSON objects – do I have to use arrays for everything?
  23. JS Object this.method() breaks via jQuery
  24. Error “Uncaught SyntaxError: Unexpected token with JSON.parse”
  25. Passing JSON data from php to html-data attribute and then to Javascript
  26. Why does the jQuery JSON parser need double escaping for backslashes?
  27. jQuery uses (new Function(“return ” + data))(); instead of eval(data); to parse JSON, why?
  28. creating highchart with ajax json data
  29. Ordered JSONObject
  30. Grouping JSON by values

Leave a Comment