7 حيل في javascript يجب ان تعرفهم و تحتفظ بهم

فهاد المقال غانتعرفو على 7 حيل في javascript يجب ان تحتفض بهم لأنك ستحتاجهم يوما ما.

1. إنشاء String عشوائي - Generate random String :

هادي غاتحتاجها إلي بغيتي تنتج id خاص أو تنتخ أسماء ملفات, يعني String فريدة من نوعها مخاصهاش تعاود.

const randomString = () => Math.random().toString(36);
console.log(randomString );  // 0.ltge0vdnw2k

2. إستخراج أسم النطاق من عنوان البريد الإلكتروني - Extract domain name from an email

مثلا [email protected] , إسم النطاق ديال هاد البريد الإلكتروني هو gmail.com . باش نقومو بهاد العملية غانستخدمو split اللي هي Method خاصة ب String.

let email = '[email protected]';
le getDomain = email => email.split("@")[1];

console.log(getDomain);  // gmail.com

3. معرفة ما إذا كان Dark mode مفعلا ام لا - Detect Dark Mode .

بهاد السطر بإمكانك تعرف واش المستخدم فعل Dark mode, باش تقدر تغير شي حاجة في الموقع ديالك.

const isDark = () => window.matchMedia("(prefers-color-scheme: dark)").matches;

4. معرفة إذا كان عنصر html محدد تحت التركيز - Check if An Element is Focused

مثلا عندك شي input في الصفحة و بغيتي دير شي حاجة ملي المستخدم إركز عليها. باش تعرف واش ديك ل input تحت التركيز, إستخدم هاد ل code.

const el = document.querySelector(" .text-input");

const isFocus = el => el === document.activeElement;

5. إعادة توجيه المستخدم لموقع ما - Redirecting User .

بإمكانك توجه المستخدم لأي موقع. مثلا المستخدم ملي كايسجل الدخول كاتبغي توجهو للصفحة الرئيسية ديال الموقع.

const redirect = url => location.assign("https://darija.dev");

6. تحويل التاريخ لأي صيغة تريد و حسب اللغة - Change date format

بإمكانك تغير الشكل أو الصيغة ديال التاريخ كيف بغيتي بإستعمال هاد الطريقة.

const formatDate = date => date.toLocaleString('ar-MA', {
    weekday: 'short', // long, short, narrow
    day: 'numeric', // numeric, 2-digit
    year: 'numeric', // numeric, 2-digit
    month: 'long', // numeric, 2-digit, long, short, narrow
    hour: 'numeric', // numeric, 2-digit
    minute: 'numeric', // numeric, 2-digit
    second: 'numeric', // numeric, 2-digit
});

• ديك ar-MA هي رمز اللغة و الدولة. مثلا en-US - en-UK - ar-EG ...

• ل param الثاني هو ل options اللي من خلالهم تقدر تحدد الصيغة بالضبط كيف بغيتي , مثلا الشهر واش رقم ولا حروف. إسم اليوم . واش بغيتي تبين الساعة و الدقائق ...

7. إستخراج القيم الغير مكررة في Array .

شي مرات كاتحتاج تستخرج فقط القيم الغير مكررة اللي كاينة فشي Array . مثلا [1,5,6,5,1] . القيم الغير مكررة هي [1,5,6] .

let arr = [1,5,6,5,1]
const unique = arr => [...new Set(arr)];

console.log(unique(arr)); // [1,5,6]