خواندن ۲ دقیقه·۵ سال پیش

ویژگی‌ های جدید اکماسکریپت ۲۰۱۹ - قسمت دوم

هر سال با ارائه استانداردهای جدید اکماسکریپت، ویژگی های جدیدی هم به جاواسکریپت اضافه می‌شه. با انتشار ویژگی های جدید اکماسکریپت (در تابستان ۲۰۱۹) تصمیم گرفتم این مقاله رو بنویسم. ویژگی های نسخه جدید اکماسکریپت در نود ، و همچنین مرورگرهای کروم، فایرفاکس و سافاری قابل دسترس هستند و برای استفاده از این ویژگی ها تو نسخه های قدیمی تر می‌تونیم از Babel استفاده کنیم.

خوب بریم ببینیم ویژگی های جدید اکماسکریپت ۲۰۱۹ چی هست. برای درک بهتر هر بخش، یک مثال ساده هم ارائه شده. قسمت اول این مقاله رو می‌تونید اینجا مطالعه کنید:

https://virgool.io/@novonimo/ویژگی-های-جدید-اکماسکریپت-۲%DB%B0۱۹-قسمت-اول-gs7mlxwoxu57

ویژگی Array.prototype.flatMap

تو قسمت قبل دیدیم که ویژگی مسطح سازی با استفاده از متد flat به سادگی انجام شد. حالا این مثال رو در نظر بگیرید. استاد تصمیم میگیره همه نمره هارو روی نمودار ببره و به هر کس ۷ نمره اضافه کنه و نمره قبلی و نمره جدید رو توی یک لیست داشته باشه.

اضافه کردن یک عدد به عناصر یک لیست و ساختن یک لیست دلخواه

به لطف ES2019 بجای استفاده از متد concat می‌تونیم از flat استفاده کنیم:

از اونجایی که استفاده همزمان از map و flat خیلی کاربرد داره،اکماسکریپت ۲۰۱۹ یک متد جدید به اسم flatMap ساخته تا کد بالا رو بازهم ساده تر کنه:

استفاده از ویژگی جدید flatMap در اکماسکریپت ۲۰۱۹

خوب اگه یادتون باشه، آرگومان پیش فرض flat مقدار ۱ بود. flatMap از ترکیب flat و map به وجود اومده که flat اون آرگومانی نداره، پس همیشه عمق مسطح سازی متد flatMap ، یک هست!

مثال زیر نشون می‌ده که با تغییر مدل map دیگه عمل مسطح سازی تا ۲ عمق انجام نمی‌شه:

عمق مسطح سازی متد flatMap همیشه برابر با ۱ هست

وضعیت پشتیبانی از این ویژگی جدید:

وضعیت پشتیبانی از ویژگی flatMap در محیط های مختلف

ویژگی String.trimStart and String.trimEnd

قبلا وقتی می‌خواستیم فاصله های اضافی رو از یک رشته پاک کنیم از متدهای String.trimRight و همچنین String.trimLeft استفاده می‌کردیم. درسته که مشکلی با عملکرد این متدها وجود نداره اما برای خیلی ها این اسامی بار معنایی مناسبی رو ارائه نمی‌کنه: