JavaScript ES10(ECMAScript 2019) Updates : New Features of JS ES10

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 ES10 Updates

Features Of JavaScript ES10

JavaScript के ECMAScript 2019 (ES10) ने new updates और features को introduce किया जो programming experience को और smooth बनाते हैं।

इस version में हम array methods, function improvements, और काफी सारे new utilities को देखते हैं जो developer life को और easy बना देते हैं।

Table of Contents

• Array.flat() and Array.flatMap()

• Object.fromEntries()

• String.trimStart() and String.trimEnd()

• Optional Catch Binding

• Function.toString() Update

• Symbol.description

• Well-formed JSON.stringify()

• Conclusion

●●●

1. JS Array.flat() and Array.flatMap()

Array.flat() का use nested arrays को flatten करने के लिए किया जाता है। अगर आपके पास एक array के अंदर और arrays हो, तो flat() उन सबको एक level पर मतलब single dimensional array में convert कर देता है।

Example

Copy
let numbers = [1, [2, [3, [4]]]];
console.log(numbers.flat(2)); 
// Output: [1, 2, 3, [4]]

इसमें flat(2) depth parameter specify है , कि कितने levels तक आपको array को flatten करना है।

Array.flatMap() का use पहले array को map करने के लिए और फिर flatten करने के लिए होता है। यह एक short-hand method है।

Example

Copy
let numbers = [1, 2, 3];
let result = numbers.flatMap(num => [num * 2]);
console.log(result); 
// Output: [2, 4, 6]

●●●

2. JS Object.fromEntries()

Object से related काम को और easy बनाने के लिए ES10 में Object.fromEntries() method introduce किया गया। यह method key-value pairs को एक object में convert करता है।

यह method कभी कभी reverse operation के लिए काम आता है जब आप Object.entries() का use करते हो।

Example

Copy
let entries = [['name', 'John'], ['age', 30]];
let obj = Object.fromEntries(entries);
console.log(obj); 
// Output: { name: 'John', age: 30 }

●●●

3. JS String.trimStart() and String.trimEnd()

Strings को handle करना JavaScript में common task है , trim() method पहले से था जो string के दोनो sides से spaces को remove करता था।

ES10 में दो new methods आये - trimStart() और trimEnd(), जिनका use कर आप string के start या end से spaces को remove कर सकते हैं।

Example

Copy
let str = '   Hello World   ';
console.log(str.trimStart()); 
// Output: 'Hello World   '
console.log(str.trimEnd());   
// Output: '   Hello World'

●●●

4. JS Optional Catch Binding

पहले JavaScript में जब भी try-catch block का use होता था, हमेशा एक error parameter देना पड़ता था, चाहे आप उससे use करें या नहीं।

ES10 ने इसको optional बना दिया , अगर आपको error handle नहीं करना, तो आप catch block में parameter को ignore कर सकते हैं।

Example

Copy
try {
    // code
} catch {
    console.log('Error occurred!');
}

Example में आप देख सकते हैं कि , catch() function न लिखकर catch लिखा गया है।

●●●

5. JS toString() Update

ES10 में Function.prototype.toString() method को update किया गया है। अब यह function का exact source code return करता है, जैसे कि वो लिखा गया हो, without any modifications.

Example

Copy
function sayHello() {
    // This is a greeting function
    console.log('Hello!');
}

console.log(sayHello.toString());

●●●

6. JS Symbol.description

ES6 में symbols को introduce किया गया था जो unique identifiers create करते थे।

ES10 में Symbol.description property को introduce किया गया, जो symbol के description को return करता है।

Example

Copy
let sym = Symbol('mySymbol');
console.log(sym.description); 
// Output: 'mySymbol'

●●●

7. Well-formed JSON.stringify()

JSON.stringify() के output को better और well-formed बनाने के लिए ES10 में एक improvement किया गया।

अगर कोई string UTF-8 encoding के हिसाब से invalid हो, तो भी JSON.stringify() function उससे handle करेगा और proper result देगा।

Example

Copy
console.log(JSON.stringify('\u{D800}')); 
// Output: '"\uD800"'

●●●

Conclusion

JavaScript ES10 ने new features और improvements को introduce किया जो array handling, object manipulation, और strings के साथ काम करने को और easy बनाते हैं।

flat() और flatMap() methods, Object.fromEntries(), और string trimming methods जैसे features ने JavaScript को और flexible बनाया। Optional catch binding ने error handling को clean बनाया, और well-formed JSON.stringify() ने JSON handling में improvements किये।

Hope you liked it :)

Keep learning ?