Arrays jQuery.merge vs concat (v10)

Revision 10 of this benchmark created by Jarek Rencz 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="http://code.jquery.com/jquery-git2.js"></script>

Setup

var array1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
    
      var array2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0];

Teardown


    var array1 = undefined;
    var array2 = undefined;

Test runner

Ready to run.

Testing in
TestOps/sec
concat
array2 = array2.concat(array1);
console.log(array2.toString());
ready
merge
console.log($.merge(array2, array1).toString());
ready
push
for (elem in array1) {
  array2.push(elem);
}
console.log(array2.toString());
ready
push with JSON.stringify()
for (elem in array1) {
  array2.push(elem);
}
console.log(JSON.stringify(array2));
ready

Revisions

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