ECMAScript 2023

ECMAScript 2023 புதிய அம்சங்களைக் கற்றுக்கொள்ளுங்கள்

ECMAScript 2023

JavaScript 2023 இல் புதிய அம்சங்கள்

அம்சம் விளக்கம்
#! (Shebang) ஸ்கிரிப்டை இயக்க எந்த இண்டர்பிரெட்டரைப் பயன்படுத்த வேண்டும் என இயக்க முறைமைக்குச் சொல்கிறது

2023 இல் புதிய வரிசை அம்சங்கள்

அம்சம் விளக்கம்
findLast() ஒரு நிபந்தனையை திருப்திப்படுத்தும் கடைசி உறுப்பின் மதிப்பைத் திருப்பித் தரும்
findLastIndex() ஒரு நிபந்தனையை திருப்திப்படுத்தும் கடைசி உறுப்பின் குறியீட்டைத் திருப்பித் தரும்
toReversed() அசல் வரிசையை மாற்றாமல் ஒரு வரிசையைத் தலைகீழாக மாற்றுகிறது
toSorted() அசல் வரிசையை மாற்றாமல் ஒரு வரிசையை வரிசைப்படுத்துகிறது
toSpliced() அசல் வரிசையை மாற்றாமல் ஒரு வரிசையை இணைக்கிறது
with() அசல் வரிசையை மாற்றாமல் வரிசை உறுப்புகளைப் புதுப்பிக்கிறது

உலாவி ஆதரவு

ECMAScript 2023 ஜூலை 2023 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது:

Chrome Edge Firefox Safari Opera
110 110 115 16.4 96
பிப்ரவரி 2023 பிப்ரவரி 2023 ஜூலை 2023 மார்ச் 2023 மே 2023

JavaScript Array findLast() முறை

ES2023 ஒரு வரிசையின் முடிவில் இருந்து தொடங்கி ஒரு நிபந்தனையை திருப்திப்படுத்தும் முதல் உறுப்பின் மதிப்பைத் திருப்பித் தரும் findLast() முறையைச் சேர்த்தது.

எடுத்துக்காட்டு

const temp = [27, 28, 30, 40, 42, 35, 30];
let high = temp.findLast(x => x > 40);

JavaScript Array findLastIndex() முறை

findLastIndex() முறை ஒரு நிபந்தனையை திருப்திப்படுத்தும் கடைசி உறுப்பின் குறியீட்டைக் கண்டறிகிறது.

எடுத்துக்காட்டு

const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);

JavaScript Array toReversed() முறை

ES2023 அசல் வரிசையை மாற்றாமல் ஒரு வரிசையைத் தலைகீழாக மாற்றுவதற்கான பாதுகாப்பான வழியாக Array toReversed() முறையைச் சேர்த்தது.

புதிய toReversed() முறைக்கும் பழைய reverse() முறைக்கும் இடையே உள்ள வேறுபாடு என்னவென்றால், புதிய முறை அசல் வரிசையை மாற்றாமல் வைத்திருக்கும் ஒரு புதிய வரிசையை உருவாக்குகிறது, அதே நேரத்தில் பழைய முறை அசல் வரிசையை மாற்றியது.

எடுத்துக்காட்டு

const months = ["Jan", "Feb", "Mar", "Apr"];
const reversed = months.toReversed();

JavaScript Array toSorted() முறை

ES2023 அசல் வரிசையை மாற்றாமல் ஒரு வரிசையை வரிசைப்படுத்துவதற்கான பாதுகாப்பான வழியாக Array toSorted() முறையைச் சேர்த்தது.

புதிய toSorted() முறைக்கும் பழைய sort() முறைக்கும் இடையே உள்ள வேறுபாடு என்னவென்றால், புதிய முறை அசல் வரிசையை மாற்றாமல் வைத்திருக்கும் ஒரு புதிய வரிசையை உருவாக்குகிறது, அதே நேரத்தில் பழைய முறை அசல் வரிசையை மாற்றியது.

எடுத்துக்காட்டு

const months = ["Jan", "Feb", "Mar", "Apr"];
const sorted = months.toSorted();

JavaScript Array toSpliced() முறை

ES2023 அசல் வரிசையை மாற்றாமல் ஒரு வரிசையை இணைப்பதற்கான பாதுகாப்பான வழியாக Array toSpliced() முறையைச் சேர்த்தது.

புதிய toSpliced() முறைக்கும் பழைய splice() முறைக்கும் இடையே உள்ள வேறுபாடு என்னவென்றால், புதிய முறை அசல் வரிசையை மாற்றாமல் வைத்திருக்கும் ஒரு புதிய வரிசையை உருவாக்குகிறது, அதே நேரத்தில் பழைய முறை அசல் வரிசையை மாற்றியது.

எடுத்துக்காட்டு

const months = ["Jan", "Feb", "Mar", "Apr"];
const spliced = months.toSpliced(0, 1);

JavaScript Array with() முறை

ES2023 அசல் வரிசையை மாற்றாமல் ஒரு வரிசையில் உறுப்புகளைப் புதுப்பிப்பதற்கான பாதுகாப்பான வழியாக Array with() முறையைச் சேர்த்தது.

எடுத்துக்காட்டு

const months = ["Januar", "Februar", "Mar", "April"];
const new = months.with(2, "March");

#! JavaScript ஷீபாங்

இயக்க முறைமைகளில், ஒரு ஷீபாங் (hashbang, pound-bang, sharp-exclamation அல்லது hash-pling என்றும் அழைக்கப்படுகிறது) என்பது இரண்டு எழுத்துகளின் வரிசையாகும்: ஒரு எண் குறி (#) மற்றும் ஒரு ஆச்சரியக்குறி (!).

ஒரு ஸ்கிரிப்டின் தொடக்கத்தில் #! ஸ்கிரிப்டை இயக்க எந்த இண்டர்பிரெட்டர் பயன்படுத்தப்பட வேண்டும் என்பதை இயக்க முறைமைக்குச் சொல்கிறது:

எடுத்துக்காட்டு

#!/usr/bin/env node

மேலே உள்ள எடுத்துக்காட்டு ஸ்கிரிப்டை இயக்க node நிரலைப் பயன்படுத்த இயக்க முறைமைக்குச் சொல்கிறது.

இப்போது, நீங்கள் node fileName.js க்கு பதிலாக ./fileName.js உடன் JavaScript குறியீட்டை இயக்கலாம்.

💡 பயன்பாடு:

ஷீபாங் குறிப்புகள் நேரடியாக கட்டளை வரியில் JavaScript கோப்புகளை இயக்க உதவுகின்றன, மேலும் Unix/Linux மற்றும் macOS அமைப்புகளில் ஸ்கிரிப்டுகளை இயக்கக்கூடியதாக ஆக்குகின்றன.

ECMAScript 2023 பயிற்சி

இந்த பயிற்சி உங்கள் ECMAScript 2023 புதிய அம்சங்கள் பற்றிய அறிவைச் சோதிக்க உதவும்.

பின்வரும் எந்த ECMAScript 2023 வரிசை முறை அசல் வரிசையை மாற்றாமல் ஒரு நிபந்தனையை திருப்திப்படுத்தும் கடைசி உறுப்பின் மதிப்பைத் திருப்பித் தரும்?

toReversed()
✗ தவறு! toReversed() வரிசையைத் தலைகீழாக மாற்றுகிறது, ஆனால் குறிப்பிட்ட நிபந்தனையை திருப்திப்படுத்தும் உறுப்புகளைத் தேடாது
findLast()
✓ சரி! findLast() வரிசையின் முடிவில் இருந்து தொடங்கி ஒரு நிபந்தனையை திருப்திப்படுத்தும் கடைசி உறுப்பின் மதிப்பைத் திருப்பித் தரும்
toSorted()
✗ தவறு! toSorted() வரிசையை வரிசைப்படுத்துகிறது, ஆனால் குறிப்பிட்ட நிபந்தனையை திருப்திப்படுத்தும் உறுப்புகளைத் தேடாது
with()
✗ தவறு! with() வரிசை உறுப்புகளைப் புதுப்பிக்கிறது, ஆனால் குறிப்பிட்ட நிபந்தனையை திருப்திப்படுத்தும் உறுப்புகளைத் தேடாது