

Un tema interesante pero no el favorito de todos.
JavaScript es un lenguaje que evoluciona rápidamente; por esta razón, a veces es difícil ponerse al día con todas sus características y capacidades
En este breve artículo, exploraremos algunas de las características que tal vez no sabías que existían.
1.- Obtención de los parámetros de la cadena de consulta
URLSearchParams es una interfaz que nos permite procesar parámetros de cadenas de consulta, existe desde hace algunos años pero puede sorprenderte saber que no es tan popular entre los desarrolladores, veamos cómo usarla:
// to get the query strings from the current url use window.location.search
const queryStrings = new URLSearchParams('?browser=chrome&action=redirect');
queryStrings.get('browser');
queryStrings.has('action');
2.- Crear una lista única de elementos usando el objeto Set
Crear listas únicas en javascript es una tarea común, esto se suele conseguir aplicando filtros o bucles for, pero hay otra forma de conseguirlo aprovechando el objeto Set.
const list = [1, 2, 3, 5, 2, 5, 7];
const uniqueList = [...new Set(list)];
Pasamos el array de valores primitivos al objeto Set; éste crea una colección de valores únicos que luego se convierte en una lista utilizando la sintaxis del operador spread y los literales del array.
3.- Convertir una lista de valores primitivos en un tipo diferente
A veces los endpoints o los datos procesados del DOM no devuelven el tipo de valores que necesitamos, he visto que esto ocurre especialmente cuando se procesan propiedades de conjuntos de datos. Digamos que tenemos la siguiente lista:
const naiveList = ['1500', '1350', '4580'];
Queremos ejecutar una suma de todos los elementos del array, en JavaScript si “sumas” dos cadenas como ‘1’ + ‘2’ se concatenarán, generalmente, para resolver esto aprovecharíamos la función parseInt, pero hay otra forma; Podemos castear los elementos del array al tipo de primitiva que necesitamos:
const castedList = naiveList.map(Number);
4.- Crear objetos controlados con Object.seal
Hace lo mismo que Object.freeze pero permite cambiar los valores de las propiedades que ya estaban definidas en el objeto, esto le permitirá _controlar _las propiedades declaradas en un objeto pero no las definiciones:
const controlledObject = {
name: 'Barry Allen'
};
Object.seal(controlledObject);
controlledObject.name = 'Clark Kent';
controlledObject.hero = 'Superman';
// controlledObject will return { name: "Clark Kent" }
¿Conoces alguna otra función de javascript que no sea popular pero sí útil? compártela con nosotros.
Conclusiones
Al final de cuentas, desarrollar código no es una tarea de un día, tómate tu tiempo y continúa aprendiendo, durante la marcha encontrarás que existen maneras más eficientes de resolver un problema. Te invito a conocer a profundidad nuestro contenido y también la oportunidad de continuar desarrollándote con Metaphorce.mx
Nuestro equipo provee de soluciones y conocimiento en tecnologías de la información, gobierno de TI y Desarrollo de soluciones a la medida para tu organización. De esta manera nuestros servicios de consultoría y transformación digital aceleran a tu organización a alcanzar sus metas. No dudes en contactarnos.
Te invitamos a continuar leyendo más de nuestros artículos. ¿Tienes alguna sugerencia o duda respecto a los servicios de consultoría y transformación digital para acelerar a tu organización y alcanzar tus metas? No dudes en contactarnos.
Síntesis: GHE