Arrays jQuery.merge vs concat (v12)

Revision 12 of this benchmark created by Anu M on

Description

Merge creates a smaller footprint because it loops through the original array and adds the new items. Concat is a built-in Javascript function and should be faster, but has a larger footprint.

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

//unmodified array
    var baseArray = ["Napoleon", "Bonaparte", "was", "exiled", "to", "the", "island", "of", "elba", "in", "1813"];
    
    //modified arrays
    var catArray = [],
      merArray = [],
      forArray = []
    
    var x, _i, _len;

Test runner

Ready to run.

Testing in
TestOps/sec
concat
catArray = catArray.concat(baseArray);
ready
merge
$.merge(merArray, baseArray);
console.log(merArray.toString());
ready
Coffeescript list comprehension push
for (_i = 0, _len = baseArray.length; _i < _len; _i++) {
  x = baseArray[_i];
  forArray.push(x);
}
ready

Revisions

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