ES6: Iterating over a NodeList

nodelist-iteration.js

var elements = document.querySelectorAll("div"),
    callback = (el) => { console.log(el); };

// Spread operator
[...elements].forEach(callback);

// Array.from()
Array.from(elements).forEach(callback);

// for...of statement
for (var div of elements) callback(div);

Unsurprisingly, for...of is approximately twice as fast as the two other approaches.

Unfortunately Chrome (46 at the time of this writing) doesn't support for...of iteration on NodeLists.

In chrome 51 you can just do elements.forEach(callback)

Array.from(elements, callback)

You also can add custom iterator

elements[Symbol.iterator]();
elements.forEach(callback)

[].forEach.call(elements, callback)