Javascript forEachメソッドがNodeListのために働いています

Question

私はDOM操作について学んでいますが、私はForEachループを使用できるdocument.querySelectorAllを使ってNodeListを作成すると気付きました。それは不可能ではありません。それはなぜ機能するのですか？配列でしか動作しないと仮定しています。

var items = document.querySelectorAll("li"); 
console.log(items); 

items.forEach(function(item){ 
    item.addEventListener("click", function(){ 
     item.classList.toggle("finished"); 
    }); 
    item.addEventListener("mouseover", function(){ 
     item.classList.add("over"); 
    }, false); 
    item.addEventListener("mouseleave", function(){ 
     item.classList.remove("over"); 
    }); 
}) 

Answer 1

これはブラウザによって異なりますが、Chromeではサポートされていますが、他のブラウザではサポートされていません。 NodeListのforEachはクロムのプロトタイプであり、他のブラウザでは使用されません。すべてのブラウザでのNodeListをループする

// to check for forEach support 
if(NodeList.prototype.forEach) /*...*/ 

：

for (var i = 0, l=myNodeList.length; i < l; ++i) { 
    var item = myNodeList[i]; 
} 

か、単純に配列に変換することができます

var div_list = document.querySelectorAll('div'); // returns NodeList 
var div_array = Array.prototype.slice.call(div_list); // converts NodeList to Array 

あなたが読むことができ、より詳細こちら：https://developer.mozilla.org/en/docs/Web/API/NodeList