Modificador 'readonly' para Arrays

Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 14 de 73.

O TypeScript fornece o modificador readonly para arrays, que impede quaisquer alterações no conteúdo do array uma vez que ele é criado.

Quando você adiciona readonly antes de um tipo de array, o TypeScript garante que você não possa adicionar, remover ou modificar elementos. Isso cria uma estrutura de dados imutável que é perfeita para dados de configuração, constantes ou qualquer situação em que você queira garantir que o array não mude.

let colors: readonly string[] = ["red", "green", "blue"];
let numbers: readonly number[] = [1, 2, 3, 4, 5];

O modificador readonly bloqueia todas as operações de mutação como push(), pop(), splice() e atribuição direta de índice. Se você tentar usar esses métodos, o TypeScript mostrará um erro em tempo de compilação, prevenindo possíveis bugs antes que seu código seja executado.

Desafio

Fácil

Crie um array somente leitura chamado configValues que possa conter apenas strings e inicialize-o com os valores "production", "database" e "cache".

Em seguida, crie outro array somente leitura chamado ports que possa conter apenas números e inicialize-o com os valores 3000, 5432 e 6379.

Por fim, crie um array somente leitura chamado features que possa conter apenas valores booleanos e inicialize-o com true, false e true.

Imprima os três arrays somente leitura no console, cada um em uma linha separada, na ordem em que foram criados.

Experimente você mesmo