4.4Arrays / from-iterable

イテラブルオブジェクトから配列へ変換

イテラブルオブジェクト（`NodeList` や `Set` など）を配列に変換するには、`Array.from`よりもスプレッド構文 `...` を使用します。

スプレッド構文は、イテラブルオブジェクトを配列に変換する最も簡潔でモダンな方法です。`Array.from()`も同じ目的で使えますが、スプレッド構文の方がタイプ数が少なく、より直感的に「展開して新しい配列に入れる」という操作を表現できます。

❌ Bad

const foo = document.querySelectorAll('.foo');

// good
const nodes = Array.from(foo);

✅ Good

const foo = document.querySelectorAll('.foo');

// best
const nodes = [...foo];