之前在这里回答的问题都说这是最快的方式:

//nl is a NodeList
var arr = Array.prototype.slice.call(nl);

在我的浏览器上进行基准测试时,我发现它比下面的慢了3倍多:

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

它们都产生相同的输出,但我发现很难相信我的第二个版本是最快的方式,特别是因为这里有人说不是这样的。

这是我的浏览器(Chromium 6)的一个怪癖吗?或者有没有更快的方法?

编辑:对于那些关心的人,我选择了以下(似乎是我测试过的所有浏览器中最快的):

//nl is a NodeList
var l = []; // Will hold the array of Node's
for(var i = 0, ll = nl.length; i != ll; l.push(nl[i++]));

EDIT2:我找到了一个更快的方法

// nl is the nodelist
var arr = [];
for(var i = nl.length; i--; arr.unshift(nl[i]));

当前回答

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

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

其他回答

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

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

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

Chrome 6:

Firefox 3.6:

Firefox 4.0 b2:

Safari 5:

IE9平台预览3:

最简单的方法:

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

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

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

最快速和跨浏览器是

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

当我比较的时候

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

*感谢@CMS的想法!