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

亲自试一试