JavaScript ES14(ECMAScript 2023) Updates : Features of JS ES14

If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.

JS ES14 Updates

JavaScript ES14 Updates

JavaScript हर साल new updates के साथ आता है, और ES14 (ECMAScript 2023) भी कुछ ख़ास new features के साथ आया है।

आज हम इस blog में JavaScript ES14 के new features को detail में समझेंगे और देखेंगे कि यह features आपके coding experience को कैसे enhance कर सकते हैं।

Key Takeaways

• Symbol के improved description handling.

• Arrays को group करने के new methods.

• Immutable array methods जैसे toSorted(), toReversed(), etc.

• Memory management के लिए enhancements इन WeakRefs और FinalizationRegistry

●●●

1. JS Symbol.prototype.description

पहले Symbols का description retrieve करना थोड़ा cumbersome होता था, लेकिन ES14 में यह feature और भी smooth ban गया है।

अब आप easily symbol के description को access कर सकते हैं।

Example

Copy
let sym = Symbol("My Symbol");
console.log(sym.description); 

// Output: My Symbol

यहां sym.description से symbol का description directly मिलता है, जो पहले के comparison में ज़्यादा user-friendly और accessible है।

2. JS Array.prototype.group()

यह method array को group करता है और एक object return करता है, जिसमे हर key के under elements grouped होते हैं।

Example

Copy
const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 25 }
];
const grouped = users.group(user => user.age);
console.log(grouped);

// Output:
{
  25: [{ name: 'Alice', age: 25 }, { name: 'Charlie', age: 25 }],
  30: [{ name: 'Bob', age: 30 }]
}

यहां group() method users को उनकी age के basis पे group करता है, जिससे data को better organize किया जा सकता है।

3. JS Array.prototype.groupToMap()

यह method एक Map return करता है, जिसमे arrays को group किया गया होता है। Map का use करके आप keys को किसी भी datatype में define कर सकते हैं।

Example

Copy
const groupedMap = users.groupToMap(user => user.age);
console.log(groupedMap);

// Output:
Map(2) { 25 => [{ name: 'Alice', age: 25 }, { name: 'Charlie', age: 25 }], 30 => [{ name: 'Bob', age: 30 }] }

4. JS Array.prototype.toSorted()

यह method array को sort करके एक नया sorted array return करता है बिना original array को modify किये।

Example

Copy
let numbers = [3, 1, 4, 1, 5];
let sortedNumbers = numbers.toSorted();
console.log(sortedNumbers); // [1, 1, 3, 4, 5]
console.log(numbers); // [3, 1, 4, 1, 5] (original remains unchanged)

toSorted() method से आप array को sort कर सकते हैं और original array को बिना change किये एक नया sorted array पा सकते हैं।

5. JS Array.prototype.toReversed()

यह method array को reverse करके एक नया reversed array return करता है बिना original array को change किये।

Example

Copy
let arr = [1, 2, 3];
let reversedArr = arr.toReversed();
console.log(reversedArr); // [3, 2, 1]
console.log(arr); // [1, 2, 3] (original remains unchanged)

toReversed() method से आप array को reverse कर सकते हैं और original array को बिना modify किये एक नया reversed array पा सकते हैं।

6. JS Array.prototype.with()

यह method एक new array return करता है जिसमे specific index पर element replace होता है बिना original array को modify किये।

Example

Copy
let arr = [1, 2, 3];
let newArr = arr.with(1, 42);
console.log(newArr); // [1, 42, 3]
console.log(arr); // [1, 2, 3] (original remains unchanged)

with() method से आप array के किसी भी index पर element replace कर सकते हैं और original array को बिना change किये एक नया array बना सकते हैं।

7. WeakRefs and FinalizationRegistry Enhancements

ES14 में WeakRefs और FinalizationRegistry को enhance किया गया है। यह features memory management और cleanup tasks को better handle करते हैं।

Example

Copy
let registry = new FinalizationRegistry((heldValue) => {
  console.log(`Cleaning up for ${heldValue}`);
});

let obj = { name: 'example' };
registry.register(obj, "Resource");

obj = null; // Object is now eligible for garbage collection

FinalizationRegistry आपको cleanup actions को handle करने में help करता है जब object garbage collection के लिए eligible होता है।

●●●

Conclusion

JavaScript ES14 (ECMAScript 2023) ने कुछ काफी powerful और useful features introduce किये हैं जो arrays, memory management, और performance को और enhance करते हैं।

इन features से developers को ज़्यादा flexibility मिलती है और JavaScript applications और efficient हो जाती हैं।

Hope you liked it : )

Happy coding ?