Filter javascript object array by string array

Question

I have an array of objects, like this:

var companies = [
    { "name" : "Company 1",
      "logo" : "/logo.gif" },
    { "name" : "Company 2",
      "logo" : "/logo2.gif" },
    { "name" : "Company 3",
      "logo" : "/logo3.gif" } ];

I want to filter this array to get only values which have a name which exists in another array:

var myCompanies = [ "Company 1", "Company 3" ];

In this example, the data to be returned would be:

var companies = [
    { "name" : "Company 1",
      "logo" : "/logo.gif" },
    { "name" : "Company 3",
      "logo" : "/logo3.gif" } ];

What's the best way to do this?

Nick Craver · Accepted Answer · 2010-11-16 11:13:56Z

7

You can use $.grep() to get a new, filtered array, like this

var result = $.grep(companies, function(e) { 
               return $.inArray(e.name, myCompanies) != -1;
             });

You can test it here. Note that this performs much better than a $.each() loop, you can test it here: http://jsperf.com/each-vs-grep

edited Nov 16, 2010 at 11:13

answered Nov 16, 2010 at 11:08

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

1 Comment

Dexter Over a year ago

Thanks for the jsperf link - I hadn't heard about it before and it's a really nice tool. I added in a test case for $.map() at jsperf.com/each-vs-grep/4 (it's clearly the slowest of the three answers)

Marcis · Accepted Answer · 2010-11-16 11:05:14Z

1

By loop only..

var newArray = [];
$.each(companies, function(){
  if($.inArray(this.name, myCompanies) !== -1) newArray.push(this);
});

jQuery utilies are used here: jQuery.each() and jQuery.inArray()

answered Nov 16, 2010 at 11:05

Marcis

4,61727 silver badges24 bronze badges

1 Comment

Nick Craver Over a year ago

You can do this, but note it's much more expensive (due to the extra scope creation for this), you can compare it to $.grep() here: jsperf.com/each-vs-grep

Simon · Accepted Answer · 2010-11-16 11:13:13Z

0

This should to the job:

companies = $.map(companies,function(element){
  return ($.inArray(element.name,myCompanies)>-1?element:null)
}

answered Nov 16, 2010 at 11:13

Simon

3,5391 gold badge21 silver badges21 bronze badges

Collectives™ on Stack Overflow

Filter javascript object array by string array

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related