ES7 introdujo dos características nuevas para mejorar el desarrollo en JavaScript. Ahora te enseñaré cuales son esas novedades y con ejemplos prácticos.
Operador de Exponenciación
Las operaciones en potencias antes se calculaban con Math.pow(). Con ES7 ahora se usa el operador de exponenciación.
Ejemplo:
let base = 2;
let exponente = 3;
console.log(Math.pow(base, exponente)); // 8
En este ejemplo, Math.pow(base, exponente) eleva base a la potencia de exponente. Aunque el enfoque es correcto, es menos claro para quienes no están familiarizados con Math.
Ahora se escribirá el código utilizando el operador de exponenciación:
let base = 2;
let exponente = 3;
console.log(base ** exponente); // 8
El código ahora se ve más legible. Y es un factor importante a la hora de revisar el código.
Array.prototype.includes().
Otra característica nueva de ES7 es el método includes(). Este método permite verificar si un elemento está presente en un array de manera más sencilla que con indexOf().
El método indexOf() devuelve el índice del primer elemento encontrado en el array, o -1 si no está presente. Para comprobar si un elemento existe, se debía comparar el resultado con -1, el cual no era intuitivo.
Ejemplo:
Se utilizará un array para verificar si existe ese número con indexOf():
let array = [1, 2, 3, 4];
console.log(array.indexOf(2) !== -1); // true
console.log(array.indexOf(5) !== -1); // false
El siguiente ejemplo se hará lo mismo con includes(). Este método devuelve directamente true si el elemento está presente en el array, y false si no lo está, haciendo el código más claro y fácil de entender:
let array = [1, 2, 3, 4];
console.log(array.includes(2)); // true
console.log(array.includes(5)); // false
Uso en Arrays Multidimensionales
El método includes() también puede ser útil en arrays multidimensionales. Estas técnicas son necesarias para verificar la presencia de elementos en subarrays.
Ejemplo:
let matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
let containsFive = matrix.some(subArray => subArray.includes(5));
console.log(containsFive); // true
Aquí se utiliza some() junto con includes() para verificar si algún subarray contiene el número 5.
Conclusión
ES7 no tuvo tantas caracteristicas, en comparación de ES6. Desde el operador de exponenciación hasta el método includes() para arrays, estas características son esenciales para cualquier desarrollador moderno.
Sigueme en mis redes sociales para más contenido