配列でのスプレッド演算子

JavaScriptのスプレッド演算子（...）は、TypeScriptの型付き配列とシームレスに連携する強力な機能です。スプレッド構文を使用して配列を結合すると、TypeScriptは結果の配列に対して正しい型を自動的に推論し、操作全体を通じて完全な型安全性を維持します。

スプレッド演算子を使うと、配列の要素を個々の要素に「展開」できます。型付き配列を組み合わせる場合は、角括弧内でスプレッド構文を使うだけで新しい配列を作成できます。

let firstNumbers: number[] = [1, 2, 3];
let secondNumbers: number[] = [4, 5, 6];
let combined: number[] = [...firstNumbers, ...secondNumbers];
// 結果: [1, 2, 3, 4, 5, 6]

TypeScriptは、2つのnumber[]配列をスプレッドすると、結果もnumber[]になることを理解できるほど賢い言語です。この型推論は、文字列、ブール値、カスタムオブジェクトなど、どのような配列型でも機能します。

スプレッド演算子を個々の要素と組み合わせることもできます。

let scores: number[] = [85, 92];
let allScores: number[] = [100, ...scores, 78];
// 結果: [100, 85, 92, 78]

このアプローチでは、元の配列を変更せずに新しい配列を作成します。これは、不変データパターンを扱う場合に特に便利です。スプレッド演算子を使用すると、TypeScript の型チェックの利点を維持しながら、配列を組み合わせるためのすっきりと読みやすい方法を利用できます。