6 Hacks útiles para JavaScript

Usar atajos para condicionales 

Javascript te permite usar ciertos atajos para hacer tu código más fácil a la vista. En algunos casos simples, puedes usar los operadores lógicos && y || en lugar de if y else. 

Ejemplo de Operador &&: 

 //instead of 
if(loggedIn) { 
  console.log("Successfully logged in") 
} 
 
//use 
loggedIn && console.log("Successfully logged in")

 El operador || funciona como una cláusula “or”. Ahora, usar este operador es un poco más complicado ya que puede impedir que la aplicación se ejecute. Sin embargo, podemos usar una condición para evitarlo. 

Ejemplo del Operador ||: 

 //instead of  
if(users.name) { 
  return users.name; 
} else { 
  return "Getting the users"; 
} 
 
// use 
return (users.name || "Getting the users"); 

Comprobar si un objeto tiene valores 

Cuando se trabaja con varios objetos es difícil saber cuáles contienen valores reales y cuáles se pueden eliminar. 

Aquí tienes un truco rápido para comprobar si un objeto está vacío o tiene valor con la función Object.keys(). 

 Object.keys(objectName).length 
// if it returns 0 it means the object is empty, otherwise it 
// displays the number of values.

Tabla de Consola 

Este impresionante hack te ayudará a convertir tus datos en formato CSV o formato diccionario en forma tabular usando el método console.table(). 

 //console.table 
const data = [ 
  {"city": "New York"}, 
  {"city": "Chicago"}, 
  {"city": "Los Angeles"}, 
] 
 
console.table(data); // the result is a table below 

Operador Typeof 

Este sencillo hack te mostrará cómo puedes usar el operador typeof() para comprobar el tipo de cualquier dato en JS. Solo necesitas pasar los datos o la variable como argumento de typeof(). 

let v1 = "JavaScript"; 
let v2 = true; 
let v3 = 123; 
let v4 = null; 
 
console.log(v1) //---> string 
console.log(v2) //---> boolean 
console.log(v3) //---> number 
console.log(v4) //---> object 

“Shuffling” elementos de un array 

Para barajar los elementos de un array sin usar ninguna librería externa como Lodash, simplemente ejecuta este truco mágico: 

const list = [1, 2, 3]; 
console.log(list.sort(function() { 
   return Math.random() -0.5; 
})); //---> [2, 1, 3] 

¿Te han sido de utilidad estos hacks? ¡Compártelos con alguien más que puedan serles utiles!

Si te han gustado los atajos que te compartimos el día de hoy, te invitamos a compartir este blog, también si aun no nos sigues en nuestras redes sociales, no está de mas que nos des un like, compartimos contenido como este de manera recurrente en redes sociales como Facebook y LinkedIn, donde realizamos periódicamente webinars y videoconferencias con información de valor para ti.

También te invitamos a sumarte a nuestro Booster de Metaphorce, en el cual aprenderás a profundidad sobre aspectos técnicos de programación como lenguajes más demandados y cursos de programación desde principiante hasta avanzado, sin dejar de lado el fortalecimiento de tus softskills, y lo más importante de todo, sin costo. Si te interesa formar parte de este Booster, regístrate aquí lo antes posible, ya que contamos con lugares limitados.

Autor: Gastón Hernández