ECMAScript 2024

Versione di JavaScript

Le prime versioni di ECMAScript erano denominate con numeri: ES5 e ES6.

Dalla versione 2016, le versioni sono denominate con l'anno: ES2016, 2018, 2020...

La versione 15, ECMAScript 2024, è stata pubblicata nel luglio 2024.

Nuove caratteristiche di ES2024

Avviso

Queste funzionalità sono relativamente nuove.

I browser più vecchi potrebbero richiedere codice alternativo (Polyfill).

JavaScript Object.groupBy()

Esempio

// Crea un array
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Funzione di callback per raggruppare gli elementi
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Raggruppa per quantità
const result = Object.groupBy(fruits, myCallback);

Prova personalmente

Descrizione

Object.groupBy() Il metodo raggruppa gli elementi dell'oggetto in base al valore di stringa restituito dalla funzione di callback.

Object.groupBy() Il metodo non modificarà l'oggetto originale.

Attenzione:

Gli elementi dell'oggetto originale e del risultato restituito sono gli stessi.

Le modifiche apportate all'oggetto originale o al risultato restituito si rifletteranno contemporaneamente in entrambi.

JavaScript Map.groupBy()

Esempio

// Crea un array
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Funzione di callback per raggruppare gli elementi
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Raggruppa per quantità
const result = Map.groupBy(fruits, myCallback);

Prova personalmente

Descrizione

Map.groupBy() Il metodo raggruppa gli elementi dell'oggetto in base al valore di stringa restituito dalla funzione di callback.

Map.groupBy() Il metodo non modificarà l'oggetto originale.

Attenzione:

Gli elementi dell'oggetto originale e del risultato restituito sono gli stessi.

Le modifiche apportate all'oggetto originale o al risultato restituito si rifletteranno contemporaneamente in entrambi.

Object.groupBy() vs Map.groupBy()

Object.groupBy() e Map.groupBy() La differenza è:

Object.groupBy() Raggruppa gli elementi in un oggetto JavaScript.

Map.groupBy() Raggruppa gli elementi in un oggetto Map.

JavaScript Temporal.PlainDate()

Esempio

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

Prova personalmente

JavaScript Temporal.PlainTime()

Esempio

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

Prova personalmente

JavaScript Temporal.PlainMonthDay()

Esempio

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

Prova personalmente

JavaScript Temporal.PlainYearMonth()

Esempio

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

Prova personalmente