for in不建议将循环用于数组和类似数组的对象——你明白为什么了。可以有不仅仅是数字索引的项目，例如length属性或某些方法，但for in会循环遍历所有这些项目。使用任一

for (var i = 0, len = checkboxes.length; i < len; i++) {
    //work with checkboxes[i]
}

或者

for (var i = 0, element; element = checkboxes[i]; i++) {
    //work with element
}

如果数组中的某些元素可能是错误的（不是你的情况），则不能使用第二种方法，但可以更易读，因为你不需要在[]任何地方使用符号。

我最喜欢的是使用扩展运算符将其转换为数组，然后forEach用于循环。

var div_list = document.querySelectorAll('div'); // returns NodeList
var div_array = [...div_list]; // converts NodeList to Array
div_array.forEach(div => {

// do something awesome with each div

});

我在 ES2015 中编码并使用 Babel.js，所以不应该有浏览器支持问题。

看起来Firefox 50+、Chrome 51+ 和Safari 10+ 现在都支持对象.forEach功能NodeList。注意— .forEachInternet Explorer 不支持，因此请考虑上述方法之一，或者如果需要 IE 支持，请使用 polyfill。

https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach

const paragraphs = document.querySelectorAll('p');
paragraphs.forEach(p => console.log(p));

<p>paragraph 1</p>
<p>paragraph 2</p>
<p>paragraph 3</p>
<p>paragraph 4</p>
<p>paragraph 5</p>

一个不错的选择是：

[].forEach.call(
    document.querySelectorAll('.check'),
    function (el) {
        console.log(el);
    }
);

但正如所指出的，您应该使用 for 循环。

在ES6 中，有一个静态方法Array.from可以利用Array非静态方法（map、filter、...）：

Array.from(document.querySelectorAll('div')).forEach((element,index) =>
{

     // handle "element"

});

另一个使用Array.from自querySelector提供item方法：

var all = document.querySelectorAll('div');
// create range [0,1,2,....,all.length-1]
Array.from({length: all.length}, (v, k) => k).forEach((index) => {
     let element = all.item(index);
});