each vs grep (v4)

Revision 4 of this benchmark created by Dexter on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  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"];
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
.each()
var newArray = [];
$.each(companies, function() {
 if ($.inArray(this.name, myCompanies) !== -1) newArray.push(this);
});
ready
.grep()
var result = $.grep(companies, function(e) {
 return $.inArray(e.name, myCompanies) != -1;
});
ready
.map()
var result = $.map(companies, function(element) {
 return ($.inArray(element.name, myCompanies) > -1 ? element : null)
});
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.