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 یک روش عالی برای نوشتن کد مختصر ، زیبا و گاه فریبنده هستند. در حالی که آنها می توانند چشمگیر باشند ، همیشه خوانایی و قابلیت حفظ در کد تولید را در اولویت قرار می دهند. یک لاینر مورد علاقه دارید؟ لطفا آن را در نظرات به اشتراک بگذارید!