ECMAScript 2024

Número de versión de JavaScript

Las versiones tempranas de ECMAScript se nombran con números: ES5 y ES6.

Desde 2016, las versiones se nombran con el año: ES2016, 2018, 2020...

La versión 15, ECMAScript 2024, se lanzó en julio de 2024.

Nuevas características en ES2024

Advertencia

Estas funciones son relativamente nuevas.

Los navegadores más antiguos pueden necesitar código alternativo (Polyfill).

JavaScript Object.groupBy()

Ejemplo

// Crear un array
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Función de devolución para el elemento de grupo
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Grupo por cantidad
const result = Object.groupBy(fruits, myCallback);

Prueba por tu cuenta

Descripción

Object.groupBy() El método grouping los elementos del objeto basándose en el valor de cadena devuelto por la función de devolución.

Object.groupBy() El método no modificará el objeto original.

Atención:

Los elementos en el objeto original y en el objeto devuelto son los mismos.

Los cambios en el objeto original o en el objeto devuelto se reflejarán simultáneamente en ambos.

JavaScript Map.groupBy()

Ejemplo

// Crear un array
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Función de devolución para el elemento de grupo
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Grupo por cantidad
const result = Map.groupBy(fruits, myCallback);

Prueba por tu cuenta

Descripción

Map.groupBy() El método grouping los elementos del objeto basándose en el valor de cadena devuelto por la función de devolución.

Map.groupBy() El método no modificará el objeto original.

Atención:

Los elementos en el objeto original y en el objeto devuelto son los mismos.

Los cambios en el objeto original o en el objeto devuelto se reflejarán simultáneamente en ambos.

Object.groupBy() vs Map.groupBy()

Object.groupBy() Y Map.groupBy() La diferencia es:

Object.groupBy() Agrupar elementos en un objeto JavaScript.

Map.groupBy() Agrupar elementos en un objeto Map.

JavaScript Temporal.PlainDate()

Ejemplo

const date = Temporal.PlainDate(2024, 5, 1);

Prueba por tu cuenta

JavaScript Temporal.PlainTime()

Ejemplo

const date = new Temporal.PlainTime(10, 30);

Prueba por tu cuenta

JavaScript Temporal.PlainMonthDay()

Ejemplo

const date = new Temporal.PlainMonthDay(5, 1);

Prueba por tu cuenta

JavaScript Temporal.PlainYearMonth()

Ejemplo

const date = new Temporal.PlainYearMonth(2024, 5);

Prueba por tu cuenta