JavaScriptの関数内で、渡された引数を配列のように扱える「argumentsオブジェクト」。かつては可変長引数を処理する唯一の方法でしたが、現代のモダンな開発においては、その特性を理解した上で「なるべく使わない」という選択が推奨されています。今回は、なぜargumentsが避けられるのか、そしてどう書き換えるべきかを解説します。
argumentsの落とし穴
argumentsは一見すると配列のように見えますが、実は「配列のようなオブジェクト（Array-like object）」であり、配列ではありません。そのため、forEachやmapといった便利な配列メソッドを直接呼び出すことができません。これを使うには、一度Array.prototype.slice.call(arguments)などで配列に変換する必要があり、コードが冗長になりがちです。また、最適化が難しく、JavaScriptエンジンが実行速度を向上させるための妨げになることもあります。
レスト引数（Rest Parameters）への置き換え
ES6から導入された「レスト引数（…args）」を使えば、これらの問題は一挙に解決します。
function sum(…numbers) {
return numbers.reduce((acc, curr) => acc + curr, 0);
}
この書き方であれば、numbersは正真正銘の配列として扱えるため、mapやfilter、reduceなどの強力なメソッドをそのまま利用可能です。コードも非常に簡潔になります。
アロー関数での挙動に注意
もう一つ重要な注意点として、アロー関数にはargumentsオブジェクトが存在しないという仕様があります。もしアロー関数内で引数リストを取得しようとすると、外部スコープのargumentsを参照してしまい、意図しないバグを生む原因になります。
結論として、これから新しく関数を書く際は、特別な理由がない限りargumentsの使用は避け、レスト引数を選択するのがベストプラクティスです。過去の資産をメンテナンスする際は、「これはレスト引数に置き換えられないか？」という視点を持つだけで、コードの品質と可読性は劇的に向上します。