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

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

17 أبريل 2022|دقيقتين قراءة

فهاد المقال غانتعرفو على 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

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

let email = 'hello@gmail.com'; 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]