ES10: Novedades

Hace más de dos meses, vimos las novedades que introdujo la versión ES9. En este post, veremos las novedades que introduce la última versión hasta ahora que es la versión ES10 o ES2019.

Array.flat() y Array.flatMap()

El método .flat() lo que nos permite es que crear un nuevo array con todos los elementos de los sub-arrays que contenga según la profundidad que le indiquemos por parámetro.

[1, 2, 3, ['string', 'string1', [true, false]], 4].flat()

// Array(7) [ 1, 2, 3, "string", "string1", (2) [true, false], 4 ]

[1, 2, 3, ['string', 'string1', [true, false]], 4].flat(2)

// Array(8) [ 1, 2, 3, "string", "string1", true, false, 4 ]

[1, 2, 3, ['string', 'string1', [true, false]], 4].flat(Infinity)

// Array(8) [ 1, 2, 3, "string", "string1", true, false, 4 ]

El método .flatMap() es una combinación de los métodos .map() y .flat(). Recorre los elementos del array como hace el método .map() y después aplica un .flat() con profundidad de 1 a cada elemento recorrido.

let personas = [{nombre: 'Juan', edad: 25}, {nombre: 'Pedro', edad: 29}];

personas.flatMap(persona => [persona.nombre, persona.edad]);

// Array(4) [ "Juan", 25, "Pedro", 29 ]

let numeros = [1, [2], 3, 4];

numeros.flatMap(numero => [numero*2]);

// Array(4) [ 2, 4, 6, 8 ]

En los ejemplos, estamos metiendo los elementos en un array, pero cuando lo mostramos, los elementos están todos al mismo nivel, no hay arrays. Esto es porque ha aplicado el método .flat() a cada elemento conforme los va recorriendo.

String.trimStart() y String.trimEnd()

El método .trimStart() limpia los espacios que haya al principio de una cadena de texto.

1 2	" Hola, qué tal?".trimStart(); // "Hola, qué tal?"

El método .trimEnd() limpia los espacios que haya al final de una cadena de texto.

1 2	"Hola, qué tal? ".trimEnd(); // "Hola, qué tal?"

Object.fromEntries()

El método .fromEntries() nos permite crear un objeto a partir de un array tipo [[key, value]]. En ES8 vimos el método .entries() que lo que hace es tranformar un objeto en un array [[key, value], …]. Por tanto, podríamos decir que el método .fromEntries() es la operación inversa del método .entries().

let persona = {nombre: 'Juan', edad: 25};

let entries = Object.entries(persona);

// Array [ (2) ['nombre', 'Juan'], (2) ['edad', 25] ]

Object.fromEntries(entries)

// Object { nombre: "Juan", edad: 25 }

Parámetro error opcional en try-catch

A partir de la ES10 será opcional poner el parámetro de error en el catch. Por tanto, una sintaxi como ésta será válida:

try {

// código

} catch {

// error

}

Function.toString()

El método .toString() devuelve una representación de la función en formato cadena de texto, es decir, nos devuelve el código de la función en un string.

function test() {

console.log('test');

return true;

}

test.toString()

// "function test() {

// console.log('test');

// return true;

// }"

Array.flat() y Array.flatMap()

String.trimStart() y String.trimEnd()

Object.fromEntries()

Parámetro error opcional en try-catch

Function.toString()

Deja una respuesta Cancelar la respuesta