HTMLCollectionにはforEachが無い

JavaScriptからHTML要素を扱うとき、要素の配列を受け取るとHTMLCollectionという型になることがあります。

例えばSelectのOptionなどがそれに当たります。

<select id="select-box">
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
</select>

const options = document.querySelector('#select-box').options;

このようにしたときにoptionsがHTMLCollectionになりますが、これは配列ではないのでforEachは使えません。

ただし、HTMLCollectionはArrayライクなObjectではあるので、以下のような方法でforEachを使うことができます。

Array.prototype.forEach.call(options, function ..)

Arrayライクなオブジェクトについてはこちら https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Indexed_collections