NodeList や HTMLCollection に配列メソッドを使いたい場合は ( A ) などで配列化する。例えば ( B ) を用いると簡単に変換できる。
解答
A: 配列へ変換(スプレッドや Array.from)
B: Array.from(…)
解説
どちらのコレクションも配列ではないため、map/filter を使うには配列化が必要。Array.from(collection) または […collection] で配列に変換できる。
使用例(サンプルコード)
[ js ]
const list = document.querySelectorAll('li'); // NodeList
const arr = Array.from(list); // 配列化
const texts = arr.map(el => el.textContent.trim());
console.log(texts);