محرر ويب أونلاين

<!--          تحذير تحذير تحذير

من التعبير النمطي g لا تقم بحذف الباراميتر
   لأن ذلك سيجعل الكود يعمل بلا توقف و بالتالي
 فإن المتصفح سيعلق تماماً و قد تضطر إلى إغلاقه  -->
<!DOCTYPE html>
<html>
<body>
    <script>
		// وضعنا فيه نص عادي text المتغير
		let text = ' 1 apple, 2 bananas, 3 carrots.';

// وضعنا فيه تعبير نمطي معناه أنه سيتم regex المتغير
        // مطابقة جميع الأرقام التي قد تكون موجودة في النص
        let regex = /\d/g;
        
        // هذا المتغير سنستخدمه كعداد لمعرفة آخر رقم وصلنا إليه
        let lastIndex = 0;

// إذا لم يتم الوصول لآخر حرف في النص سيتم الإستمرار
        while (lastIndex < text.length) {
            // nextMatch هنا سيتم البحث عن الرقم التالي في النص و تخزينه في المصفوفة
            let nextMatch = regex.exec(text);
            
            // فيعني ذلك أنه تم إيجاد رقم جديد null لا تساوي nextMatch إذا كانت قيمة
            if (nextMatch) {
                // index الرقم الذي تم إيجاده في المتغير index هنا سيتم تخزين
                const index = nextMatch.index;
                // number بعدها سيتم تخزين الرقم نفسه في المتغير
                const number = nextMatch[0];
                // الرقم بالنسبة للنص، و من ثم قيمته index هنا سيتم عرض
                document.write(`At index ${index} we found the number ${number}.<br>`);
                // lastIndex هنا سيتم تحديث قيمة العداد
                lastIndex = index + 1;
            }
            else {
                // إذا تم الوصول لآخر عنصر فسيتم إيقاف الحلقة و بالتالي إيقاف البحث
                break;
            }
        }
    </script>
</body>
</html>