ECMAScript 2024

JavaScript-versienummer

Eerdere ECMAScript-versies worden genaamd naar nummers: ES5 en ES6.

Sinds 2016 worden versies genaamd naar het jaar: ES2016, 2018, 2020...

Versie 15, ECMAScript 2024, wordt uitgebracht in juli 2024.

Nieuwe kenmerken in ES2024

Waarschuwing

Deze functies zijn relatief nieuw.

Oudere browsers kunnen alternatieve code (Polyfill) nodig hebben.

JavaScript Object.groupBy()

Voorbeeld

// Een array maken
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Callback-functie voor het groeperen van elementen
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Groeperen op basis van aantal
const result = Object.groupBy(fruits, myCallback);

Probeer het zelf

Beschrijving

Object.groupBy() De methode groepeert de elementen van het object op basis van de stringwaarde die door de callback-functie wordt geretourneerd.

Object.groupBy() De methode verandert het oorspronkelijke object niet.

Let op:

De elementen in het oorspronkelijke object en het geretourneerde object zijn hetzelfde.

Veranderingen in het oorspronkelijke object of het geretourneerde object worden tegelijkertijd in beide weerspiegeld.

JavaScript Map.groupBy()

Voorbeeld

// Een array maken
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Callback-functie voor het groeperen van elementen
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Groeperen op basis van aantal
const result = Map.groupBy(fruits, myCallback);

Probeer het zelf

Beschrijving

Map.groupBy() De methode groepeert de elementen van het object op basis van de stringwaarde die door de callback-functie wordt geretourneerd.

Map.groupBy() De methode verandert het oorspronkelijke object niet.

Let op:

De elementen in het oorspronkelijke object en het geretourneerde object zijn hetzelfde.

Veranderingen in het oorspronkelijke object of het geretourneerde object worden tegelijkertijd in beide weerspiegeld.

Object.groupBy() vs Map.groupBy()

Object.groupBy() en Map.groupBy() Het verschil is:

Object.groupBy() Groepeer elementen in een JavaScript-object.

Map.groupBy() Groepeer elementen in een Map-object.

JavaScript Temporal.PlainDate()

Voorbeeld

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

Probeer het zelf

JavaScript Temporal.PlainTime()

Voorbeeld

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

Probeer het zelf

JavaScript Temporal.PlainMonthDay()

Voorbeeld

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

Probeer het zelf

JavaScript Temporal.PlainYearMonth()

Voorbeeld

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

Probeer het zelf