ECMAScript 2024

JavaScriptのバージョン番号

早期のECMAScriptバージョンは数字で命名されていました：ES5、ES6。

2016年から、バージョンは年で命名されています：ES2016、2018、2020...

第15版、ECMAScript 2024は2024年7月にリリースされました。

ES2024における新しい機能

警告

これらの機能は比較的新しいです。

古いブラウザでは、代替コード（Polyfill）が必要になる可能性があります。

JavaScript Object.groupBy()

インスタンス

// 配列の作成
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// グループ化要素用のコールバック関数
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// 数量ごとにグループ化
const result = Object.groupBy(fruits, myCallback);

自分で試してみる

説明

Object.groupBy() メソッドはコールバック関数から返される文字列値に基づいて、オブジェクトの要素をグループ化します。

Object.groupBy() メソッドは元データを変更しません。

注意：

元データおよび返却データの要素は同じです。

元データまたは返却データの変更は、両方に同時に反映されます。

JavaScript Map.groupBy()

インスタンス

// 配列の作成
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// グループ化要素用のコールバック関数
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// 数量ごとにグループ化
const result = Map.groupBy(fruits, myCallback);

自分で試してみる

説明

Map.groupBy() メソッドはコールバック関数から返される文字列値に基づいて、オブジェクトの要素をグループ化します。

Map.groupBy() メソッドは元データを変更しません。

注意：

元データおよび返却データの要素は同じです。

元データまたは返却データの変更は、両方に同時に反映されます。

Object.groupBy() と Map.groupBy() の違い

Object.groupBy() および Map.groupBy() の違いは：

Object.groupBy() 要素を JavaScript オブジェクトにグループ化する。

Map.groupBy() 要素を Map オブジェクトにグループ化する。

JavaScript Temporal.PlainDate()

インスタンス

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

自分で試してみる

JavaScript Temporal.PlainTime()

インスタンス

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

自分で試してみる

JavaScript Temporal.PlainMonthDay()

インスタンス

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

自分で試してみる

JavaScript Temporal.PlainYearMonth()

インスタンス

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

自分で試してみる