4.6Arrays / Mapping

イテラブルのマップ処理

イテラブルをマップ処理する場合は、中間配列の作成を避けるためスプレッド構文よりも`Array.from`を使用します。

`[...foo].map(bar)` というコードは、まず `...foo` で新しい配列をメモリ上に作成し、その新しい配列に対して `map` を実行します。一方、`Array.from(foo, bar)` は、イテラブルから要素を1つずつ取り出しながらマップ関数を適用するため、中間配列が不要になり、パフォーマンスがわずかに向上し、メモリ効率も良くなります。

❌ Bad
// bad
const baz = [...foo].map(bar);
✅ Good
// good
const baz = Array.from(foo, bar);