NodeList To Array3

Benchmark created by Makyen on April 12, 2017

Preparation HTML

<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<script>
  var nl = document.querySelectorAll('div,br');
    function asArray(obj) {
        //Accepts Arrays, array-like Objects (e.g. NodeLists), single elements, primitives.
        //  Returns an array, even if the array only has one entry.
        var newArr = [];
        if(typeof obj !== 'object' || obj instanceof Node) {
            return [obj];
        }
        if(Array.isArray(obj)){
            return obj;
        }
        if(obj === null) {
            return null;
        }
        if(typeof obj.length === 'number') {
            //NodeList and other array-like objects: faster in most browsers and
            //  more compatible than Array.from().
            newArr.push.apply(newArr, obj);
            return newArr;
        }
        if(typeof obj.nextNode === 'function') {
            //e.g. TreeWalkers, NodeIterator
            var currentNode;
            /* jshint -W084 */
            while(currentNode = nodeIter.nextNode()) {
                newArr.push(currentNode);
            }
            /* jshint +W084 */
            return newArr;
        }
        if(typeof Array.from === 'function') {
            return Array.from(obj);
        }
        //Indicate that we don't know what to do with the Object
        return null;
    }

</script>

Test runner

var arr = Array.prototype.slice.call(nl);

var arr = [].slice.call(nl);

var arr = [];
for (var i = 0, n; n = nl[i]; ++i) arr.push(n);

var arr = [];
arr.push.apply(arr, nl);

var arr = Array.from(nl);

var arr = [...nl];

var arr = [];
for (var i = 0, ref = arr.length = nl.length; i < ref; i++) {
 arr[i] = nl[i];
}

var l = nl.length;
var arr = new Array(l);
for (var i = 0; i < l; i++) {
 arr[i] = nl[i];
}

var l = nl.length;
var arr = [];
for (var i = 0; i < l; i++) {
 arr[i] = nl[i];
}

var l=nl.length, arr = new Array(l);
while(l--){arr[l]=nl[l]};

var arr = asArray(nl);

var arr = [];
for (var i=0, l=nl.length >>> 0; i++ !==l; arr[i] = nl[i]);

Revisions

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

• Revision 1: published by Makyen on April 12, 2017