How to get only unique items in a multidimensional array with JavaScript/jquery?

Question

I got for example a multidimensional array items with 2 dimensions. I get this array from a database, but it will fill up to 2600+ objects, but if i could some how unique this it would be around 30 objects. How to solve this?

The set up is: How i get the information:

$.getJSON(url1,function(data1)
{
    for (var i in data1.layers){
        $.each(data1.layers[i].legend, function( a, b ) {
            for(var a in data1.layers[i].legend[a]){
                $.each(data1.layers[i].legend, function( key, val ){
                    items.push({label: val.label, url: "long link" + val.url});
                });
            };
        });     
    };

items[0].label  
items[0].url 
items[1].label    
items[1].url

etc...

I found another stackoverflow page about this in php, but i can't get it to work in JavaScript/JQuery. Stackoverflow php solution

That looks like an array of objects, actually. You need to show where the data is coming from and how you're building the array. — JJJ
– JJJ, Commented Dec 3, 2013 at 15:29
Which parts will be unique? are all 2600 labels and urls similar, or is there just 30 different urls with lots of labels? — vogomatix
– vogomatix, Commented Dec 3, 2013 at 15:33
@ Juhana i added the information of the items arrays. @vogomatix It will get ~30 different labels and urls, but it will "clone" them in the array. — Mike-N88
– Mike-N88, Commented Dec 3, 2013 at 15:33

MarcoL · Accepted Answer · 2013-12-03 15:36:54Z

0

Use a dictionary to see which item you have already:

var dict = {};

$.getJSON(url1,addToLocalArray);

function addToLocalArray(data1){

  for (var i in data1.layers){

    $.each(data1.layers[i].legend, function( a, b ) {

        for(var a in data1.layers[i].legend[a]){

            $.each(data1.layers[i].legend, function( key, val ){

              if(!dict[val.url+'-'+val.label]){
                // or create some sort of unique hash for each element...
                dict[val.url+'-'+val.label] = 1;

                items.push({label: val.label, url: "long link" + val.url});
              }

            });

        }
    });
  }
}

answered Dec 3, 2013 at 15:36

MarcoL

9,9893 gold badges40 silver badges50 bronze badges

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

1 Comment

Mike-N88 Over a year ago

This does what i wanted thanks, tho i have to admit if i could change things at the server side i would do it.

vogomatix · Accepted Answer · 2013-12-03 15:35:04Z

0

You're making a mistake in pushing them onto an array in the first place. You should be creating an associative array, with the key field the unique aspect.

answered Dec 3, 2013 at 15:35

vogomatix

5,1352 gold badges27 silver badges51 bronze badges

Comments

Fydo · Accepted Answer · 2013-12-03 15:39:44Z

0

I would suggest either:

A)Push the Uniqueness filtering logic off to the database. It's much more efficient at this, and won't require exhaustive iteration.

B)Have a key for each unique Item (As vogomatix suggested).

answered Dec 3, 2013 at 15:39

Fydo

1,43417 silver badges29 bronze badges

1 Comment

MarcoL Over a year ago

If you can touch the server side I agree with this solution.

Collectives™ on Stack Overflow

How to get only unique items in a multidimensional array with JavaScript/jquery?

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related