【javascript】forEachで配列を使ってループ（繰り返し）処理を行う

もとになる配列.forEach(変数 => {

console.log(変数);

});

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

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

forEachは配列を使ってループ（繰り返し）を行う処理。

for ( 〜of〜 )と同様にconst ボタンオブジェクトを格納する変数 = document.getElementsByClassName(‘特定クラス’);で格納されたのが配列ではなかったようです。

配列に変換してからforEachを使ったらうまく動きました。

こちらも３個あるボタンが２個しか消えず・・。悩みました。

他のループ処理を使ってみても配列に変換しないとうまく動かなかったので、何かクセがありそうです。