jQuery or JavaScript compare two arrays one contains an object

Question

MyIds has just two Id numbers 1 and 2

var MyIds = [1,2]

but MyObject has three Id numbers 1, 2 and 3 (In reality this has about 500 Id's)

var MyObject = [{id:1,size:21,length:31},{id:2,size:22,length:32},{id:3,size:23,length:33}]

and I want to make a new variable that looks like this, I need some magic code that will compare the two variables and only return the details of the objects where the Is's match

var Result = [{id:1,size:21,length:31},{id:2,size:22,length:32}]

I'm happy to use jQuery if it help

charlietfl · Accepted Answer · 2015-10-18 18:15:34Z

2

Use Array.prototype.filter()

var Result = MyObject.filter(function(item){
  return MyIds.indexOf(item.id) >-1;
});

answered Oct 18, 2015 at 18:15

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

Joel Poulin · Accepted Answer · 2015-10-18 18:15:59Z

0

It can be easily solved with underscore or lodash with something like:

Result = _.filter(MyObject, function (item) {
    return _.indexOf(item.id, MyIds) !== -1;
});

I admit, this is a lazy answer. There is probably a way to make it without adding a news library. But lodash is so cool :)

answered Oct 18, 2015 at 18:15

Joel Poulin

231 silver badge7 bronze badges

Comments

Danijel · Accepted Answer · 2015-10-18 18:17:47Z

0

It can be done without jQuery:

var MyIds = [1,2];
var MyObject = [{id:1,size:21,length:31},{id:2,size:22,length:32},{id:3,size:23,length:33}];

var Result = [];

MyObject.forEach(function(element) {
    MyIds.forEach(function(id){
      if(element.id == id)
        Result.push(element);
    });
});

answered Oct 18, 2015 at 18:17

Danijel

414 bronze badges

Comments

LeFex · Accepted Answer · 2015-10-18 18:23:35Z

0

A more diverse sollution without using any library:

  function find(propName, filters, collection){
    var temp = [];
    for(var i = 0; i < collection.length; i++){
        for(var j = 0; j < filters.length; j++){
            if(collection[i][propName] === filters[j]){
                temp.push(collection[i]);   
                break;
            }
        }
    }
    return temp;

answered Oct 18, 2015 at 18:23

LeFex

2581 silver badge10 bronze badges

Collectives™ on Stack Overflow

jQuery or JavaScript compare two arrays one contains an object

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related