dom_dom0200_010

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);