Arrays de solo lectura y datos inmutables

Bienvenida

El modificador readonly en arrays

const ids: readonly number[] = [1, 2, 3];
// ids.push(4);   // Error
// ids[0] = 99;   // Error
console.log(ids[0]); // OK — reading is fine

La forma genérica ReadonlyArray<T>

const names: ReadonlyArray<string> = ['Alice', 'Bob'];
// names.push('Charlie'); // Error

Devolver arrays de solo lectura desde funciones

function getConfig(): readonly string[] {
  return ['host', 'port', 'db'];
}

Parámetros de funciones inmutables

function sum(nums: readonly number[]): number {
  return nums.reduce((a, b) => a + b, 0);
  // nums.push(99); // Error inside function
}

as const para arrays literales

const colors = ['red', 'green', 'blue'] as const;
// type: readonly ['red', 'green', 'blue']
// colors.push('yellow'); // Error

Readonly no congela profundamente

const users: readonly { name: string }[] = [{ name: 'Alice' }];
// users.push({}); // Error
users[0].name = 'Bob'; // Allowed — object itself is mutable

Inmutabilidad profunda con Readonly<T>

type ImmutableUser = Readonly<{ name: string; scores: readonly number[] }>;
const u: ImmutableUser = { name: 'Alice', scores: [90, 85] };
// u.name = 'Bob';       // Error
// u.scores.push(100);  // Error

Asignación entre arrays mutables y de solo lectura

const ro: readonly number[] = [1, 2];
const mutable: number[] = ro; // Error!

Cuándo utilizar arrays de solo lectura

El operador spread crea un array mutable nuevo

const base: readonly number[] = [1, 2, 3];
const extended: number[] = [...base, 4]; // new mutable array

Comprobación rápida

Resumen