ECMAScript 2024
- Poprzednia strona JS 2023
- Następna strona JS IE / Edge
Numer wersji JavaScript
Wczesne wersje ECMAScript były nazwane liczbami: ES5 i ES6.
Od 2016 roku wersje są nazwane rokiem: ES2016, 2018, 2020...
15 wersja, ECMAScript 2024, opublikowana w lipcu 2024 roku.
Nowe funkcje w ES2024
- Object.groupBy()
- Map.groupBy()
- Temporal.PlainDate()
- Temporal.PlainTime()
- Temporal.PlainMonthDay()
- Temporal.PlainYearMonth()
Ostrzeżenie
Te funkcje są stosunkowo nowe.
Starsze przeglądarki mogą wymagać kodu zastępczego (Polyfill).
JavaScript Object.groupBy()
Przykład
// Tworzenie tablicy const fruits = [ {name:"apples", quantity:300}, {name:"bananas", quantity:500}, {name:"oranges", quantity:200}, {name:"kiwi", quantity:150} ]; // Funkcja callback do grupowania elementów function myCallback({ quantity }) { return quantity > 200 ? "ok" : "niski"; } // Grupowanie według liczby const result = Object.groupBy(fruits, myCallback);
Opis
Object.groupBy()
Metoda grupuje elementy obiektu na podstawie wartości stringowych zwróconych przez funkcję callback.
Object.groupBy()
Metoda nie zmienia oryginalnego obiektu.
Uwaga:
Elementy w oryginalnym obiekcie i zwracanym obiekcie są takie same.
Zmiany w oryginalnym obiekcie lub zwracanym obiekcie będą jednocześnie odzwierciedlały się w obu.
JavaScript Map.groupBy()
Przykład
// Tworzenie tablicy const fruits = [ {name:"apples", quantity:300}, {name:"bananas", quantity:500}, {name:"oranges", quantity:200}, {name:"kiwi", quantity:150} ]; // Funkcja callback do grupowania elementów function myCallback({ quantity }) { return quantity > 200 ? "ok" : "niski"; } // Grupowanie według liczby const result = Map.groupBy(fruits, myCallback);
Opis
Map.groupBy()
Metoda grupuje elementy obiektu na podstawie wartości stringowych zwróconych przez funkcję callback.
Map.groupBy()
Metoda nie zmienia oryginalnego obiektu.
Uwaga:
Elementy w oryginalnym obiekcie i zwracanym obiekcie są takie same.
Zmiany w oryginalnym obiekcie lub zwracanym obiekcie będą jednocześnie odzwierciedlały się w obu.
Object.groupBy() vs Map.groupBy()
Object.groupBy()
i Map.groupBy()
Różnica polega na:
Object.groupBy()
Zgrupuj elementy do obiektu JavaScript.
Map.groupBy()
Zgrupuj elementy do obiektu Map.
JavaScript Temporal.PlainDate()
Przykład
const date = Temporal.PlainDate(2024, 5, 1);
JavaScript Temporal.PlainTime()
Przykład
const date = new Temporal.PlainTime(10, 30);
JavaScript Temporal.PlainMonthDay()
Przykład
const date = new Temporal.PlainMonthDay(5, 1);
JavaScript Temporal.PlainYearMonth()
Przykład
const date = new Temporal.PlainYearMonth(2024, 5);
- Poprzednia strona JS 2023
- Następna strona JS IE / Edge