ECMAScript 2024
- Vorige pagina JS 2023
- Volgende pagina JS IE / Edge
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
- Object.groupBy()
- Map.groupBy()
- Temporal.PlainDate()
- Temporal.PlainTime()
- Temporal.PlainMonthDay()
- Temporal.PlainYearMonth()
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);
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);
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);
JavaScript Temporal.PlainTime()
Voorbeeld
const date = new Temporal.PlainTime(10, 30);
JavaScript Temporal.PlainMonthDay()
Voorbeeld
const date = new Temporal.PlainMonthDay(5, 1);
JavaScript Temporal.PlainYearMonth()
Voorbeeld
const date = new Temporal.PlainYearMonth(2024, 5);
- Vorige pagina JS 2023
- Volgende pagina JS IE / Edge