6 cosas que probablemente no sabías que JavaScript podía hacer de forma nativa

6 cosas que probablemente no sabías que JavaScript podía hacer de forma nativa

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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *