【javascript】for ( 〜of〜 )で配列を使ってループ（繰り返し）処理を行う

for (変数 of もとになる配列){
console.log(変数);
};

フォームに表示された特定のクラスが設定されたボタンを全部消すような処理を作ってみました。

const ボタンオブジェクトを格納する変数 = document.getElementsByClassName('特定クラス');
const ボタンを格納する配列 = Array.from(ボタンオブジェクトを格納する変数);
for (const 変数 of ボタンを格納する配列){
    変数.remove();
};

for ( 〜of〜 )ってのは配列を使ってループ（繰り返し）を行う処理。

最初に特定のクラスを持ったボタンを抽出したんですが、それが格納されたのが配列じゃないようです。

ボタンオブジェクトを格納する変数を配列に変換してからfor ( 〜of〜 )を使ったらうまく動きました。

ちょっとしたことですが、今回はエラーが出て止まったのではなくて、全部のボタンが消えなくて・・。３個のボタンがあるうちの２個だけ消えるような動きでした。原因を探すのが大変でした。

違うループ処理を使ってみたりしました。どれを使ってもうまく動かなくて悩みました。