ECMAScript 2024

Número da versão do JavaScript

As primeiras versões do ECMAScript eram nomeadas com números: ES5 e ES6.

Desde 2016, as versões são nomeadas com o ano: ES2016, 2018, 2020...

A 15ª versão, ECMAScript 2024, foi lançada em julho de 2024.

Novas funcionalidades no ES2024

Aviso

Essas funcionalidades são relativamente novas.

Os navegadores mais antigos podem precisar de código alternativo (Polyfill).

JavaScript Object.groupBy()

Exemplo

// Criação de um array
const fruits = [
  {name:" maçãs", quantity:300},
  {name:"bananas", quantity:500},
  {name:"laranjas", quantity:200},
  {name:"kiwi", quantity:150}
];
// Função de callback usada para agrupar elementos
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "baixo";
}
// Agrupamento por quantidade
const result = Object.groupBy(fruits, myCallback);

Experimente Você Mesmo

Descrição

Object.groupBy() O método agrupa os elementos do objeto com base no valor de string retornado pela função de callback.

Object.groupBy() O método não altera o objeto original.

Atenção:

Os elementos no objeto original e no objeto retornado são os mesmos.

As alterações feitas no objeto original ou no objeto retornado serão refletidas nos dois simultaneamente.

JavaScript Map.groupBy()

Exemplo

// Criação de um array
const fruits = [
  {name:" maçãs", quantity:300},
  {name:"bananas", quantity:500},
  {name:"laranjas", quantity:200},
  {name:"kiwi", quantity:150}
];
// Função de callback usada para agrupar elementos
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "baixo";
}
// Agrupamento por quantidade
const result = Map.groupBy(fruits, myCallback);

Experimente Você Mesmo

Descrição

Map.groupBy() O método agrupa os elementos do objeto com base no valor de string retornado pela função de callback.

Map.groupBy() O método não altera o objeto original.

Atenção:

Os elementos no objeto original e no objeto retornado são os mesmos.

As alterações feitas no objeto original ou no objeto retornado serão refletidas nos dois simultaneamente.

Object.groupBy() vs Map.groupBy()

Object.groupBy() e Map.groupBy() A diferença é:

Object.groupBy() Agrupar elementos em um objeto JavaScript.

Map.groupBy() Agrupar elementos em um objeto Map.

JavaScript Temporal.PlainDate()

Exemplo

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

Experimente Você Mesmo

JavaScript Temporal.PlainTime()

Exemplo

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

Experimente Você Mesmo

JavaScript Temporal.PlainMonthDay()

Exemplo

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

Experimente Você Mesmo

JavaScript Temporal.PlainYearMonth()

Exemplo

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

Experimente Você Mesmo