Si tenemos un array de objetos con multiples propiedades, podemos ordenarlo en base a una de sus propiedades de tipo texto, como puede ser, en muchos casos, el título. Utilizaremos la funcion "sort" comparando los títulos con "localeCompare", de la siguiente manera: let orderedArray = myOriginalArray.sort((a, b) => a.Title.localeCompare(b.Title));
Etiqueta: Typescript
Normalizar acentos en Javascript (y Typescript)
Si necesitamos normalizar palabras en nuestro código (por ejemplo, para usar keywords de búsqueda) existen multiples soluciones dependiendo de si utilizamos ES6 o no. Si usamos ES6 bastará con utilizar la funcion "normalize" incluida en String. Usando el parámetro "NFD" automáticamente dividirá cada letra con acento en dos ("á" pasaría a ser "a´"), de forma …
Sigue leyendo Normalizar acentos en Javascript (y Typescript)
Llamar a una función asíncrona dentro del hook useEffect en React Function Components
Si habéis intentado llamar a una función asíncrona dentro del hook de useEffect es posible que os hayáis encontrado con un error que no os lo permite: Argument of type '() => Promise<void>' is not assignable to parameter of type 'EffectCallback'. El error aparece al intentar añadir el "async", pero no se puede asignar la …
Sigue leyendo Llamar a una función asíncrona dentro del hook useEffect en React Function Components
Fabric UI – Iconos no aparecen en los componentes (ChevronDown, etc.)
Si los iconos no aparecen cuando instanciamos componentes de Fabric UI, debemos inicializarlos en nuestro código una única vez, al inicio de cargar nuestra aplicación. Debemos importar el typing y llamar al metodo de inicialización: import { initializeIcons } from '@uifabric/icons'; initializeIcons();
Asignar Enum por su índice en Typescript
Podemos asignar el valor de un Enum a nuestro propio Enum a través de su índice. Por ejemplo, si recibimos un valor de un Enum y lo tenemos que mapear a nuestro propio objeto, tan solo debemos especificar que lo que recibimos es un número y automáticamente se asignara a ese mismo número en nuestro …
Iterador FOR en Typescript (FOR IN vs FOR OF)
El bucle FOR de Typescript nos permite utilizar en cada iteración tanto el índice como el elemento de la lista de objetos. FOR ... IN El iterador For-In nos dará el índice en el que nos encontremos: for (let index in myObjects) { //En cada iteración tendremos el índice en la variable "index" //("0", …