ECMAScript 2024

رقم إصدار JavaScript

تم تسمية إصدارات ECMAScript المبكرة بعد الأرقام: ES5 وES6.

من عام 2016، يتم تسمية الإصدارات بعدة أعوام: ES2016، 2018، 2020...

الإصدار 15، ECMAScript 2024، تم إصداره في يوليو 2024.

الخصائص الجديدة في ES2024

• Object.groupBy()
• Map.groupBy()
• Temporal.PlainDate()
• Temporal.PlainTime()
• Temporal.PlainMonthDay()
• Temporal.PlainYearMonth()

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() جمع العناصر في Object.

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);

جرب بنفسك