ECMAScript 2024

Số phiên bản JavaScript

Các phiên bản ECMAScript sớm được đặt tên bằng số: ES5 và ES6.

Từ năm 2016, các phiên bản được đặt tên theo năm: ES2016, 2018, 2020...

Phiên bản 15, ECMAScript 2024, được phát hành vào tháng 7 năm 2024.

Tính năng mới trong ES2024

Cảnh báo

Các tính năng này tương đối mới.

Các trình duyệt cũ có thể cần mã thay thế (Polyfill).

JavaScript Object.groupBy()

Ví dụ

// Tạo một mảng
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Hàm callback để nhóm phần tử
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Nhóm theo số lượng
const result = Object.groupBy(fruits, myCallback);

Thử trực tiếp

Mô tả

Object.groupBy() Phương pháp sẽ nhóm các phần tử của đối tượng dựa trên giá trị chuỗi trả về bởi hàm回调.

Object.groupBy() Phương pháp sẽ không thay đổi đối tượng gốc.

Lưu ý:

Các phần tử trong đối tượng gốc và đối tượng trả về là giống nhau.

Các thay đổi đối với đối tượng gốc hoặc đối tượng trả về sẽ phản ánh đồng thời trong cả hai.

JavaScript Map.groupBy()

Ví dụ

// Tạo một mảng
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Hàm callback để nhóm phần tử
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Nhóm theo số lượng
const result = Map.groupBy(fruits, myCallback);

Thử trực tiếp

Mô tả

Map.groupBy() Phương pháp sẽ nhóm các phần tử của đối tượng dựa trên giá trị chuỗi trả về bởi hàm回调.

Map.groupBy() Phương pháp sẽ không thay đổi đối tượng gốc.

Lưu ý:

Các phần tử trong đối tượng gốc và đối tượng trả về là giống nhau.

Các thay đổi đối với đối tượng gốc hoặc đối tượng trả về sẽ phản ánh đồng thời trong cả hai.

Object.groupBy() vs Map.groupBy()

Object.groupBy()Map.groupBy() Sự khác biệt là:

Object.groupBy() Nhóm các phần tử vào một đối tượng JavaScript.

Map.groupBy() Nhóm các phần tử vào một đối tượng Map.

JavaScript Temporal.PlainDate()

Ví dụ

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

Thử trực tiếp

JavaScript Temporal.PlainTime()

Ví dụ

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

Thử trực tiếp

JavaScript Temporal.PlainMonthDay()

Ví dụ

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

Thử trực tiếp

JavaScript Temporal.PlainYearMonth()

Ví dụ

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

Thử trực tiếp