ECMAScript 2024

JavaScript-versioiden numerot

Varhaiset ECMAScript-versiot on nimetty numeroilla: ES5 ja ES6.

Vuodesta 2016 lähtien versiot on nimetty vuosin: ES2016, 2018, 2020...

Versio 15, ECMAScript 2024, julkaistaan heinäkuussa 2024.

ES2024:ssä uudet ominaisuudet

Varoitus

Nämä toiminnot ovat suhteellisen uusia.

Vanhemmat selaimet saattavat vaatia korvaavaa koodia (Polyfill).

JavaScript Object.groupBy()

Esimerkki

// Luo taulukko
const fruits = [
  {"name":"apples", "quantity":300},
  {"name":"bananas", "quantity":500},
  {"name":"oranges", "quantity":200},
  {"name":"kiwi", "quantity":150}
];
// Käyttöryhmän takaisin kutsu
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Ryhmittele määrällä
const result = Object.groupBy(fruits, myCallback);

Kokeile itse

Kuvaus

Object.groupBy() Metodi ryhmittelee objektin elementit takaisin kutsuttavan takaisin kutsun palauttaman merkkijonon arvon perusteella.

Object.groupBy() Metodi ei muuta alkuperäistä objektia.

Huomioitavaa:

Alkuperäisessä objektissa ja palautetussa objektissa olevat elementit ovat samat.

Muutokset alkuperäiseen objektiin tai palautettuun objektiin heijastuvat molemmissa.

JavaScript Map.groupBy()

Esimerkki

// Luo taulukko
const fruits = [
  {"name":"apples", "quantity":300},
  {"name":"bananas", "quantity":500},
  {"name":"oranges", "quantity":200},
  {"name":"kiwi", "quantity":150}
];
// Käyttöryhmän takaisin kutsu
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Ryhmittele määrällä
const result = Map.groupBy(fruits, myCallback);

Kokeile itse

Kuvaus

Map.groupBy() Metodi ryhmittelee objektin elementit takaisin kutsuttavan takaisin kutsun palauttaman merkkijonon arvon perusteella.

Map.groupBy() Metodi ei muuta alkuperäistä objektia.

Huomioitavaa:

Alkuperäisessä objektissa ja palautetussa objektissa olevat elementit ovat samat.

Muutokset alkuperäiseen objektiin tai palautettuun objektiin heijastuvat molemmissa.

Object.groupBy() vs Map.groupBy()

Object.groupBy() ja Map.groupBy() Ero on:

Object.groupBy() Järjestä elementit JavaScript-objektiin.

Map.groupBy() Järjestä elementit Map-objektiin.

JavaScript Temporal.PlainDate()

Esimerkki

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

Kokeile itse

JavaScript Temporal.PlainTime()

Esimerkki

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

Kokeile itse

JavaScript Temporal.PlainMonthDay()

Esimerkki

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

Kokeile itse

JavaScript Temporal.PlainYearMonth()

Esimerkki

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

Kokeile itse