使用字符串数组过滤JavaScript对象数组

Question

我有一个对象数组，像这样：

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

我想筛选出仅包含另一个数组中存在名称的值的这个数组：

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

在这个例子中，要返回的数据将会是：

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

什么是最佳的方法来做这件事？

- Dexter

Answer 1

您可以使用 $.grep() 来获取一个新的、过滤后的数组，方法如下：

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

你可以在这里测试。请注意，这比$.each()循环的性能要好得多，你可以在这里进行测试：http://jsperf.com/each-vs-grep

- Nick Craver

---

感谢提供jsperf的链接 - 我之前没听说过它，这是一个非常好的工具。我在http://jsperf.com/each-vs-grep/4中添加了一个$.map()测试用例（显然是三个答案中最慢的）。 - Dexter

Answer 2

只用循环...

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

这里使用了jQuery工具：jQuery.each()和jQuery.inArray()

- Anpher

---

你可以这样做，但请注意它更加昂贵（由于为this创建额外的作用域），你可以在这里将其与$.grep()进行比较：http://jsperf.com/each-vs-grep - Nick Craver

Answer 3

这应该可以完成工作：

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

- Simon