ECMAScript 2024

JavaScript-versionnummer

Tidiga ECMAScript-versioner namngavs efter nummer: ES5 och ES6.

Från och med 2016 har versionerna namngivits efter år: ES2016, 2018, 2020...

Version 15, ECMAScript 2024, släpptes i juli 2024.

Nya funktioner i ES2024

Varning

Dessa funktioner är relativt nya.

Gamla webbläsare kan behöva ersättningskod (Polyfill).

JavaScript Object.groupBy()

Exempel

// Skapa en array
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Callback-funktion för att gruppera element
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Gruppera efter kvantitet
const result = Object.groupBy(fruits, myCallback);

Prova själv

Beskrivning

Object.groupBy() Metoden grupperar elementen i objektet baserat på den strängvärde som returneras av callback-funktionen.

Object.groupBy() Metoden ändrar inte det ursprungliga objektet.

Observera:

Elementen i det ursprungliga objektet och det returnerade objektet är desamma.

Ändringar i den ursprungliga objektet eller det returnerade objektet reflekteras samtidigt i båda.

JavaScript Map.groupBy()

Exempel

// Skapa en array
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Callback-funktion för att gruppera element
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Gruppera efter kvantitet
const result = Map.groupBy(fruits, myCallback);

Prova själv

Beskrivning

Map.groupBy() Metoden grupperar elementen i objektet baserat på den strängvärde som returneras av callback-funktionen.

Map.groupBy() Metoden ändrar inte det ursprungliga objektet.

Observera:

Elementen i det ursprungliga objektet och det returnerade objektet är desamma.

Ändringar i den ursprungliga objektet eller det returnerade objektet reflekteras samtidigt i båda.

Object.groupBy() vs Map.groupBy()

Object.groupBy() och Map.groupBy() Skillnaden är:

Object.groupBy() Gruppera element till ett JavaScript-objekt.

Map.groupBy() Gruppera element till en Map-objekt.

JavaScript Temporal.PlainDate()

Exempel

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

Prova själv

JavaScript Temporal.PlainTime()

Exempel

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

Prova själv

JavaScript Temporal.PlainMonthDay()

Exempel

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

Prova själv

JavaScript Temporal.PlainYearMonth()

Exempel

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

Prova själv