如何遍历nodeList功能样式

Question

我经常想使用forEach或map遍历NodeList。我的简化代码如下所示：

var nodeListMap = Array.prototype.map;
var els = document.querySelectorAll('.classname');
nodeListMap.call(els, function(el){...});

这很好。但是，我不想不必这样做map.call，但是如果我这样做的话...

var nodeListMap = Array.prototype.map.call;
var els = document.querySelectorAll('.classname');
nodeListMap(els, function(el){...});

然后返回

TypeError: object is not a function

我怎样才能修改代码，让我简单地做nodeListMap(array, fn)呢？

Answer 1

我遇到了同样的问题，我使用ES6的超级简单解决方案是：

const els = [...document.querySelectorAll('.classname')]

这样，nodeList成为常规Array，您可以使用map，reduce依此类推。