Info

Take an object array add a new member to each entry.

Comparison * concat -> update + map * merge -> update + map * each -> update + push * each -> push + update * for loop -> update + push

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//raw.github.com/documentcloud/underscore/master/underscore.js"></script>
<script>
  Benchmark.prototype.setup = function() {
    var baseArray = [
      {name: "foo"},
      {name: "bar"},
      {name: "baz"}
    ];
    
    //modified arrays
    var catArray = merArray = pushArray = [];
    
    // Caches
    var x, _i, _len;
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

catArray = catArray.concat($.map(baseArray, function(value)
   {
      value["bla"] = "Banana";
      return value;
   })
);

$.merge(merArray, $.map(baseArray, function(value)
   {
      value["bla"] = "Banana";
      return value;
   })
);

_.each(baseArray, function(val)
   {
     val['bla'] = 'Banana';
     pushArray.push(val);
   }
)

_.each(baseArray, function(val)
   {
     pushArray[pushArray.push(val) - 1]['bla'] = 'Banana';
   }
)

for (_i = 0, _len = baseArray.length; _i < _len; _i++) {
  x = baseArray[_i];
  x.bla = 'Banana';
  pushArray.push(x);
}

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by leeroy on 25th January 2013
• Revision 2: published by Xav on 25th January 2013

0 comments