Spread Operator com Arrays

O operador spread do JavaScript (...) é um recurso poderoso que funciona perfeitamente com arrays tipados do TypeScript. Quando você usa a sintaxe spread para combinar arrays, o TypeScript infere automaticamente o tipo correto para o array resultante, mantendo a segurança de tipos completa durante toda a operação.

O operador spread permite que você “espalhe” os elementos de um array em elementos individuais. Ao combinar arrays tipados, basta usar a sintaxe spread dentro de colchetes para criar um novo array:

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

O TypeScript é inteligente o suficiente para entender que, quando você combina duas matrizes number[] usando o operador spread, o resultado também é uma number[]. Essa inferência de tipos funciona com qualquer tipo de matriz, sejam strings, valores booleanos ou objetos personalizados.

Você pode até misturar o operador spread com elementos individuais:

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

Essa abordagem cria um novo array sem modificar os arrays originais, o que é particularmente útil ao trabalhar com padrões de dados imutáveis. O operador spread oferece uma maneira clara e legível de combinar arrays, preservando os benefícios da verificação de tipos do TypeScript.