DEV Community

Cristian Fernando
Cristian Fernando

Posted on

ES7: JavaScript moderno

Introducción

Este blog ya cuenta con una guía bastante completa de JavaScript con su estándar ES6 y si bien esta mega actualización es la más famosa y utilizada por la comunidad no se debe olvidar que cada año se liberan nuevas características de nuestro lenguaje favorito; en este caso veremos ES7.

Esta especificación es la más breve de todas puesto que solo incluye 2 características nuevas que las veremos a detalle a continuación:

Nuevo array method: includes()

Hasta antes de ES7, el método includes está disponible para ser usado solo con strings. Ahora podemos usarlo también en arreglos sin ningún problema.

El nombre del método es bastante descriptivo, básicamente sirve para verificar si un elemento pertenece a dicho arreglo o no.

  • Este método es sensible a mayúsculas y minúsculas.
  • Regresa siempre un booleano.

Por ejemplo:



const nombres= ["carlos", "juan","pedro"];
const salida = nombres.includes("Carlos");
console.log(salida); // false


Enter fullscreen mode Exit fullscreen mode

Regresa false por que "Carlos" es diferente que "carlos".



const numeros= [25,96,20,78,10,0];
const salida = numeros.includes(78);
console.log(salida); // true


Enter fullscreen mode Exit fullscreen mode

Regresa true porqué 78 si está incluido en el arreglo.

includes también puede ser usado para hacer una condición:




let x= "b";
if(x==="a" || x==="b" || x==="c" || ) { // pasa la condición si x=a, o x=b o x=c
  console.log("x es: a, b o c");
}
//salida: "x es: a, b o c"

//Manera resumida:
if(["a","b","c"].includes(x)){
  console.log("x es: a, b o c | Use includes");
}
//salida:"x es: a, b o c | Use includes"



Enter fullscreen mode Exit fullscreen mode

Para un poco mas de info de dejo un post mio donde se habla más a fondo de includes

Nueva sintaxis para Potenciación de números

Antes la forma tradicional de elevar una base a una potencia era la siguiente:



const base = 10;
const exponente = 3;
const salida = Math.pow(base, exponente);
console.log(salida) // 1000


Enter fullscreen mode Exit fullscreen mode

Ahora, ES7 no brinda la siguiente sintaxis del doble asterisco muy conocida en Python



const base = 10;
const exponente = 3;
const salida = base ** exponente
console.log(salida) // 1000

Enter fullscreen mode Exit fullscreen mode




Referencias

Conclusión

  • ES7 solo tiene estas 2 nuevas funcionalidades
  • Usa includes en tus arreglos cuando lo necesites
  • Usa la sintaxis ** para potenciación de números.

Top comments (0)