برنامه نویسی

trimMiddle() – روش برش رشته از دست رفته

یکی از ویژگی‌های جالب برنامه Finder MacOS این است که نام فایل‌هایی را که با فضای انتهایی مناسب نیستند، در وسط نام فایل برش نمی‌دهد. این بسیار منطقی تر است، زیرا همچنین نشان می دهد که فایل چه فرمتی است.

یاب MacOS که نام فایل های طولانی را با یک بیضی در وسط آنها نشان می دهد.

نه جاوا اسکریپت و نه CSS در حال حاضر روشی برای این نوع عملکرد ندارند (اگرچه بحث CSS در این مورد وجود دارد)، بنابراین فکر کردم که یکی بنویسم. من به شما می دهم trimMiddle() به عنوان افزودنی به trimStart و trimEnd.

می توانید آن را پیدا کنید:

در NPM: https://www.npmjs.com/package/trimmiddle
در GitHub: https://github.com/codepo8/trimMiddle

و می توانید با صفحه نمایشی بازی کنید تا آن را در عمل ببینید:

صفحه آزمایشی که روش را در عمل نشان می دهد

برای استفاده از آن در محصولات خود، از یکی استفاده کنید npm -​i trimmiddle یا از نسخه سمت سرویس گیرنده از طریق unpkg استفاده کنید.

"https://unpkg.com/trimmiddle@0.1.0/clientside.js">
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این روش به شما امکان می دهد مقدار حروفی را که می خواهید نشان دهید و کاراکتر بین قسمت ها باید مشخص شود. پیش فرض 16 کاراکتر و نویسه بیضی است. این اسکریپت زمانی از Intl.Segmenter API استفاده می کند که رشته از محدودیت کاراکتر بیشتر باشد، به این معنی که با رشته های حاوی Emoji ترکیبی نیز کار می کند. در این مورد، روش‌های تقسیم یا substring معمولی با شکست مواجه می‌شوند.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا