HTMLCollection和NodeList是可迭代的吗？
在ES6中，iterable是允许for... of的对象，并且具有Symbol.iterator密钥。
数组是可迭代的，集合和映射也是如此。问题是：HTMLCollection和NodeList是可迭代的吗？他们应该是这样的吗？
MDN文档似乎表明NodeList是一个可迭代的。
在支持NodeList的浏览器(如Firefox13和更高版本)中，
for...of循环将正确地遍历NodeList对象。
这似乎证实了火狐的行为。
我在Chrome和Firefox中测试了以下代码，很惊讶地发现Firefox似乎认为它们是可迭代的，但Chrome并非如此。此外，火狐认为HTMLCollection和NodeList返回的迭代器是同一个迭代器。
var col = document.getElementsByClassName('test'); // Should get HTMLCollection of 2 elems
var nod = document.querySelectorAll('.test'); // Should get NodeList of 2 elems
var arr = [].slice.call(col); // Should get Array of 2 elems
console.log(col[Symbol.iterator]); // Firefox: iterator function, Chrome: undefined
console.log(nod[Symbol.iterator]); // Firefox: iterator function, Chrome: undefined
console.log(arr[Symbol.iterator]); // Firefox & Chrome: iterator function
console.log(col[Symbol.iterator] === nod[Symbol.iterator]); // Firefox: true
console.log(col[Symbol.iterator] === arr[Symbol.iterator]); // Firefox: false<div class="test">1</div>
<div class="test">2</div>
一个非常奇怪、令人困惑的事情：运行代码片段与复制代码片段并在实际的文件/控制台中运行产生不同的结果(特别是上次比较)。这里对这种奇怪行为的任何启发也将不胜感激。
回答 4
Stack Overflow用户
发布于 2015-07-23 06:11:29
Symbol.iterator对NodeList、HTMLCollection、DOMTokenList和DOMSettableTokenList的支持是去年的discussed和added to WHATWG's DOM spec。
Stack Overflow用户
发布于 2015-08-14 05:57:16
不幸的是，现在还没有。但在它们出现之前，您可以像这样轻松地对它们进行多填充：
HTMLCollection.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];Stack Overflow用户
发布于 2016-04-30 06:35:26
正如指出的那样，2014年WHATWG的DOM规范中添加了对NodeList的原生Symbol.iterator支持。
不幸的是，Chrome 51是第一个支持它的Chrome版本，它的Beta版在撰写本文时才刚刚发布。此外，任何版本的Internet Explorer或Edge都不支持。
要在您的代码中添加对所有浏览器中的NodeList的Symbol.iterator支持，只需使用以下polyfill：
NodeList.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];https://stackoverflow.com/questions/31283360
复制相似问题
腾讯云开发者
