toArray vs slice (v2)

Revision 2 of this benchmark created on

Preparation HTML

<script>
var slice = Array.prototype.slice;

function toArray(obj) {
  var arr = [];
  for (var i = 0, len = obj.length; i < len; i++) {
    arr[i] = obj[i];
  }
  return arr;
}

function makeNode(klass) {
  var div = document.createElement("div");
  div.className = klass;
  document.body.appendChild(div);
}

var test_arr1 = document.getElementsByClassName('test1');
var test_arr2 = document.getElementsByClassName('test2');
var test_arr3 = document.getElementsByClassName('test2');

for (var i = 0; i < 10; i++) {
  makeNode('test1');
}

for (var i = 0; i < 1000; i++) {
  makeNode('test2');
}

for (var i = 0; i < 1000000; i++) {
  makeNode('test3');
}
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
slice small
for (var i = 0; i < 100000; i++) {
  var temp = slice.call(test_arr1);
}
ready
toArray small
for (var i = 0; i < 100000; i++) {
  var temp = toArray(test_arr1);
}
ready
slice medium
for (var i = 0; i < 1000; i++) {
  var temp = slice.call(test_arr2);
}
ready
toArray medium
for (var i = 0; i < 1000; i++) {
  var temp = toArray(test_arr2);
}
ready
slice large
var temp = slice.call(test_arr3);
ready
toArray large
var temp = toArray(test_arr3);
ready
slice small single
var temp = slice.call(test_arr1);
ready
toArray small single
var temp = toArray(test_arr1);
ready
slice medium single
var temp = slice.call(test_arr2);
ready
toArray medium single
var temp = toArray(test_arr2);
ready

Revisions

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