ReadonlyArray

ReadonlyArray

Este tipo de dato es un array, pero la principal diferencia con los arrays “normales” es que no existen ninguno de los métodos de mutación, tales como pop, push, shift, etc.

cont arr: ReadonlyArray<number> = [1,2,3,4,5]

En caso de tratar de usar alguno de estos metodos nos arroja un error

Les comparto mis apuntes. 😄

¿Qué hace ReadonlyArray?

Tenemos muchos métodos de array que nos permiten mutar un array, pero en programación, en general, se evita hacer mutaciones en un array por lo que se prefiere crear nuevos estados para evitar efectos secundarios.

Para evitar estas mutaciones es que utilizamos a ReadonlyArray como un tipo de dato más.

Sintaxis

const variabeName: ReadonlyArray<dataType> = [value];

Array exclusivamente de lectura

Si solo agregamos ReadonlyArray no vamos a poder mutar los array con sus métodos, pero si vamos a poder realizar una reasignación, para evitar esto debemos emplear la propiedad readonly.

readonly MyPropierty: ReadonlyArray<dataType>; 

Esta clase estuvo cool, creo que demoré mucho en aprender Typescript.

Es sencillo y muy poderoso:

// readonly ─> previene la reasignación.
// ReadonlyArray ─> previene los metodos de modificaciones o mutaciones

Increbleeee que buena claseeee, hubiese sabido antes de estoo

Only reads on typescript be like:

const findProducts = (dto: FindProductDto): Product[] => {
 // readonly tags: ...... 
  dto.tags = []; 

// tags: ReadonlyArray<string> 
  dto.tags?.pop(); 
  dto.tags?.push(); 

  return products;
}