تحقق من قيم JavaScript في نطاق محدد: Regex مفيد للمطورين

في عالم برمجة الويب، يعتبر التحقق من قيمة معينة وتحديدها ضمن نطاق معين من العمليات الشائعة. يستخدم العديد من المطورين لغة JavaScript لتحقيق هذا الهدف، وفي هذا السياق، سأقدم لك تعبيرًا منتظمًا (regex) يمكن استخدامه للتحقق مما إذا كانت قيمة معينة تقع ضمن نطاق محدد، وتحديداً النطاق من 1000 إلى 20000.

في بيئة JavaScript، يمكننا استخدام التعبير النمطي التالي:

javascriptCopy code
/^(1000|[1-9]\d{3,4}|20000)$/

لنقم بتفسير هذا التعبير النمطي:

• ^: يرمز إلى بداية السلسلة.
• 1000: يحدد القيمة الدقيقة المطلوبة في النطاق.
• |: يعبر عن الخيارات الممكنة، في هذه الحالة بين القيمة الدقيقة والنطاق العام.
• [1-9]\d{3,4}: يحدد أي قيمة تبدأ برقم من 1 إلى 9، يتبعها 3 أو 4 أرقام إضافية (مما يشمل القيم من 1000 إلى 9999).
• 20000: يحدد القيمة الدقيقة الأخرى في النطاق.
• $: يرمز إلى نهاية السلسلة.

باستخدام هذا التعبير النمطي، يمكنك فحص قيمة معينة للتأكد مما إذا كانت تقع ضمن النطاق المحدد أم لا. على سبيل المثال:

javascriptCopy code
const valueToCheck = 1500;
const regex = /^(1000|[1-9]\d{3,4}|20000)$/;

if (regex.test(valueToCheck)) {
    console.log("القيمة في النطاق المطلوب");
} else {
    console.log("القيمة خارج النطاق المطلوب");
}

تستخدم الدالة test للتحقق من تطابق القيمة مع التعبير النمطي، وبناءً على النتيجة، يتم إظهار رسالة تبين ما إذا كانت القيمة داخل النطاق المحدد أم لا.

بالطبع، دعونا نعمق أكثر في التعبير النمطي ونستكشف المزيد من المعلومات المفيدة حول كيفية بنائه وكيف يعمل.

1. تحليل التعبير النمطي:

   • ^: يتم استخدامه لتحديد بداية السلسلة.
   • 1000: يمثل القيمة الدقيقة المطلوبة في النطاق.
   • |: يستخدم كمُشغّل “أو”، مما يعني أن القيمة يمكن أن تكون إما 1000 أو الجزء الذي يلي.
   • [1-9]: يطابق أي رقم من 1 إلى 9، ويتبعه \d الذي يطابق أي رقم آخر.
   • {3,4}: يحدد أن هناك 3 أو 4 من الأرقام التي تلي الرقم الأول.
   • 20000: يحدد القيمة الدقيقة الثانية في النطاق.
   • $: يعبر عن نهاية السلسلة.

2. فحص القيم:

   • يتيح لك هذا التعبير النمطي التحقق من صحة القيمة بحيث تكون إما 1000 أو تكون بين 10000 و 20000.
   • يُستخدم الدالة test للتحقق من تطابق التعبير النمطي مع القيمة المعطاة.

3. تفاصيل أوسع:

   • يمكن تعديل التعبير النمطي حسب الحاجة، على سبيل المثال، لتضمين نطاقات أخرى أو تحديد قيم إضافية.
   • يمكن إضافة مزيد من القواعد حسب الحاجة، مثل تحقق من نوع القيمة أو السماح بالأصفار الزائدة.

4. استخدام الكود:

   • يمكن دمج هذا التعبير النمطي في أكواد JavaScript لتنفيذه في مواقع الويب أو التطبيقات.

5. الأمثلة الإضافية:

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

بهذا، يُظهر التعبير النمطي كيف يمكن لمطوري JavaScript تنفيذ تحقق فعّال للقيم والتحقق مما إذا كانت تتناسب مع المعايير المحددة للنطاق المعني.