برنامه نویسی

20 جاوا اسکریپت که باعث می شود شما مانند یک حرفه ای به نظر برسید

JavaScript پر از شگفتی است و انعطاف پذیری آن به توسعه دهندگان اجازه می دهد تا برخی از تک خطوط فوق العاده مختصر و در عین حال قدرتمند را بنویسند. این قطعه ها می توانند مفید ، گیج کننده یا فقط سرگرم کننده باشند! در این وبلاگ ، ما برخی از تک لاین های JavaScript را کشف خواهیم کرد و آنها را برای شما تجزیه می کنیم.


1. دو متغیر را بدون متغیر دما مبادله کنید

[a, b] = [b, a];
حالت تمام صفحه را وارد کنید

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

چگونه؟ این از تخریب آرایه برای تعویض مقادیر بدون نیاز به متغیر موقتی استفاده می کند.


2. بررسی کنید که آیا یک عدد یکنواخت است

const isEven = n => !(n & 1);
حالت تمام صفحه را وارد کنید

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

چگونه؟ bitwise و (&) در صورت کمترین میزان قابل توجه ، بررسی می کند 1 (عجیب) یا 0 (حتی)


3. یک رشته را معکوس کنید

const reverseString = str => [...str].reverse().join('');
حالت تمام صفحه را وارد کنید

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

چگونه؟ اپراتور گسترش (...) رشته را به یک آرایه تبدیل می کند ، که معکوس شده و به یک رشته می پیوندد.


4. یک رنگ هگز تصادفی ایجاد کنید

const randomColor = () => `#${Math.floor(Math.random()*0xFFFFFF).toString(16).padStart(6, '0')}`;
حالت تمام صفحه را وارد کنید

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

چگونه؟ یک عدد تصادفی تولید می شود و به یک رشته هگز تبدیل می شود و اطمینان می دهد که همیشه 6 کاراکتر است.


5. آخرین مورد یک آرایه را دریافت کنید

const lastItem = arr => arr.at(-1);
حالت تمام صفحه را وارد کنید

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

چگونه؟ .at(-1) آخرین عنصر یک آرایه را به روشی تمیز و خواندنی دریافت می کند.


6. یک آرایه تو در تو را صاف کنید

const flatArray = arr => arr.flat(Infinity);
حالت تمام صفحه را وارد کنید

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

چگونه؟ .flat(Infinity) به صورت بازگشتی مجموعه ای از هر عمق را صاف می کند.


7. یک رشته را به یک عدد تبدیل کنید

const toNumber = str => +str;
حالت تمام صفحه را وارد کنید

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

چگونه؟ در + اپراتور یک رشته را به روشی فوق العاده مختصر تبدیل می کند.


8. نسخه های کپی را از یک آرایه حذف کنید

const uniqueArray = arr => [...new Set(arr)];
حالت تمام صفحه را وارد کنید

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

چگونه؟ Set نسخه های تکراری را حذف می کند ، و اپراتور پخش آن را به یک آرایه تبدیل می کند.


9. تقاطع دو آرایه را پیدا کنید

const intersection = (a, b) => a.filter(x => b.includes(x));
حالت تمام صفحه را وارد کنید

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

چگونه؟ این عناصر را در a که در bبشر


10. یک آرایه را تغییر دهید

const shuffle = arr => arr.sort(() => Math.random() - 0.5);
حالت تمام صفحه را وارد کنید

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

چگونه؟ مرتب سازی تصادفی یک تغییر ساده ایجاد می کند (هرچند بهینه ترین راه نیست).


11. زمان سنج فعلی را دریافت کنید

const timestamp = () => Date.now();
حالت تمام صفحه را وارد کنید

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

چگونه؟ Date.now() تعداد میلی ثانیه را از اول ژانویه 1970 برمی گرداند.


12. مقادیر پیش فرض اتصال کوتاه

const greet = name => name || 'Guest';
حالت تمام صفحه را وارد کنید

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

چگونه؟ اگر name Falsy است (مانند null یا undefined) 'Guest' در عوض استفاده می شود


13. وقایع یک عنصر را در یک آرایه شمارش کنید

const countOccurrences = (arr, val) => arr.reduce((a, v) => v === val ? a + 1 : a, 0);
حالت تمام صفحه را وارد کنید

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

چگونه؟ reduce تکرار و شمارش وقایع valبشر


14. یک مورد تصادفی از یک آرایه دریافت کنید

const randomItem = arr => arr[Math.floor(Math.random() * arr.length)];
حالت تمام صفحه را وارد کنید

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

چگونه؟ Math.random() یک شاخص تصادفی از آرایه را انتخاب می کند.


15. RGB را به hex تبدیل کنید

const rgbToHex = (r, g, b) => `#${((1 << 24) | (r << 16) | (g << 8) | b).toString(16).slice(1)}`;
حالت تمام صفحه را وارد کنید

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

چگونه؟ عملیات کمی و .toString(16) مقادیر RGB را به قالب hex تبدیل کنید.


16. بررسی کنید که آیا یک رشته یک palindrome است

const isPalindrome = str => str === [...str].reverse().join('');
حالت تمام صفحه را وارد کنید

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

چگونه؟ رشته معکوس شده و با اصل مقایسه می شود.


17. یک بولی را به یک شماره تبدیل کنید

const boolToNumber = bool => +bool;
حالت تمام صفحه را وارد کنید

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

چگونه؟ در + اپراتور تبدیل می کند true به 1 وت false به 0بشر


18. حرف اول یک رشته را سرمایه گذاری کنید

const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);
حالت تمام صفحه را وارد کنید

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

چگونه؟ شخصیت اول به حروف بزرگ تبدیل می شود و با بقیه رشته ها جمع می شود.


19. فضای سفید را از یک رشته خارج کنید

const trimSpaces = str => str.replace(/\s+/g, '');
حالت تمام صفحه را وارد کنید

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

چگونه؟ Regex /\s+/g همه شخصیت های فضای سفید را حذف می کند.


20. یک بولی تصادفی تولید کنید

const randomBoolean = () => Math.random() >= 0.5;
حالت تمام صفحه را وارد کنید

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

چگونه؟ Math.random() تعدادی بین 0 وت 1، بازگشت true یا false بر اساس آستانه.


پایان

تک لاینرهای JavaScript یک روش عالی برای نوشتن کد مختصر ، زیبا و گاه فریبنده هستند. در حالی که آنها می توانند چشمگیر باشند ، همیشه خوانایی و قابلیت حفظ در کد تولید را در اولویت قرار می دهند. یک لاینر مورد علاقه دارید؟ لطفا آن را در نظرات به اشتراک بگذارید!

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

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

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

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