No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

ReadonlyArray

21/22
Recursos

Aportes 6

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

ReadonlyArray

Este tipo de dato es un array, pero la principal diferencia con los arrays 鈥渘ormales鈥 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;
}