2021年更新:nodeList.forEach()现在是标准的，所有当前的浏览器都支持(桌面和移动端都支持95%左右)。

所以你可以简单地做:

document.querySelectorAll('img').forEach(highlight);

其他情况下

如果你出于某种原因想要将它转换为一个数组，而不仅仅是迭代它——这是一个完全相关的用例——你可以使用[…destructuring]或array .from自ES6开始

let array1 = [...mySetOfElements];
// or
let array2 = Array.from(mySetOfElements);

这也适用于其他不是nodelist的类似数组的结构

例如document.getElementsByTagName返回的HTMLCollection 具有length属性和索引元素的对象 可迭代对象(如Map和Set)

过时的2010年答案

第二种方法在某些浏览器中速度更快，但重点是你必须使用它，因为第一种方法不能跨浏览器。即使时代在变

@kangax (IE 9预览版)

Array.prototype.slice现在可以转换了 某些宿主对象(例如NodeList的) 到数组，这是大多数 现代浏览器已经能够做到这一点 有一段时间了。

例子:

Array.prototype.slice.call(document.childNodes);

看看这篇谈论同样事情的博客文章。据我所知，多出来的时间可能是为了爬瞄准镜链。

结果完全取决于浏览器，为了给出客观的判断，我们必须做一些性能测试，这里有一些结果，你可以在这里运行:

Chrome 6:

Firefox 3.6:

Firefox 4.0 b2:

Safari 5:

IE9平台预览3:

一些优化:

在一个变量中保存节点列表的长度 在设置之前显式地设置新数组的长度。 访问索引，而不是推动或不变。

代码(jsPerf):

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

更快和更短:

// nl is the nodelist
var a=[], l=nl.length>>>0;
for( ; l--; a[l]=nl[l] );

最快速和跨浏览器是

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

当我比较的时候

http://jsbin.com/oqeda/98/edit

*感谢@CMS的想法!

这是我在JS中使用的函数:

function toArray(nl) {
    for(var a=[], l=nl.length; l--; a[l]=nl[l]);
    return a;
}

NodeList.prototype.forEach = Array.prototype.forEach;

现在你可以使用document.querySelectorAll('div').forEach(function()…)

这里有一个新的很酷的方法来使用ES6扩展操作符:

let arr = [...nl];

在ES6中，我们现在有一个简单的方法来从一个NodeList创建一个数组:Array.from()函数。

// nl is a NodeList
let myArray = Array.from(nl)

以下是截至本文发布之日更新的图表(“未知平台”图表为Internet Explorer 11.15.16299.0):

从这些结果来看，preallocate 1方法似乎是最安全的跨浏览器方法。

在ES6中，你可以使用:

Array.from let array = array .from(节点列表) 传播算子 Let array =[…节点列表]

假设nodeList = document.querySelectorAll("div")，这是将节点列表转换为数组的简洁形式。

var nodeArray = [].slice.call(nodeList);

看我怎么用。

最简单的方法:

Array.from(document.querySelectorAll('.back-top'))

这里有一行，我不确定它是否安全，但它对我有用，它用一个数组覆盖了节点列表变量，因为我不再使用节点列表，因为我把它转换成一个数组。我发现这个解决方案更简洁，因为它只使用了一个变量。

这一点。openButtons =[…this.openButtons]