JavaScript ES2024 Features You Should Know

JavaScript ES2024 Features

Stay current with the latest JavaScript features.

Array Grouping

const items = [
  { type: 'fruit', name: 'apple' },
  { type: 'vegetable', name: 'carrot' },
  { type: 'fruit', name: 'banana' }
];

const grouped = Object.groupBy(items, item => item.type);
// { fruit: [...], vegetable: [...] }

Promise.withResolvers()

const { promise, resolve, reject } = Promise.withResolvers();

// Use resolve/reject anywhere
setTimeout(() => resolve('done'), 1000);

await promise; // 'done'

Well-Formed Unicode Strings

const str = 'Hello\uD800World';
str.isWellFormed(); // false
str.toWellFormed(); // 'Hello�World'

Atomics.waitAsync()

Non-blocking wait for SharedArrayBuffer changes.

RegExp v Flag

// Set notation in character classes
const re = /[\p{Letter}--[aeiou]]/v;
// Matches letters except vowels

Resizable ArrayBuffers

const buffer = new ArrayBuffer(8, { maxByteLength: 16 });
buffer.resize(12); // Grow the buffer

Need modern JavaScript development? Contact ProWeb Nigeria.