استخراج بيانات متغيرة من الكود HTML باستخدام Regex

To extract ${user.name} and ${user.age} from the HTML using JavaScript regex, you can use the following approach:

javascriptCopy code
// Sample HTML
var html = `

    ${user.name}
    ${user.age}
    ${other.name}
    ${other.age}
`;

// Regex pattern to match ${...} with any variable name
var regex = /\${(.*?)}/g;

// Array to store matches
var matches = [];

// Match all occurrences of ${...} and push them into the matches array
var match;
while ((match = regex.exec(html)) !== null) {
    matches.push(match[0]);
}

console.log(matches);

This will output an array containing ${user.name} and ${user.age}. If you want to extract just the variable names (user.name and user.age), you can modify the regex pattern and extraction logic accordingly.

لفهم كيفية استخراج ${user.name} و${user.age} من الكود الـ HTML باستخدام تعبيرات الـ Regex في جافا سكريبت، يجب أن تكون على دراية بالأنماط المتوقعة في الكود. يمكنك استخدام التعبير العادي /\${(.*?)}/g للبحث عن النمط ${...}، حيث يمثل .*? أي حرف (.) يتكرر من صفر إلى عدة مرات (*) وبشكل غير جشع (?)، وبين القوسين {} يُحدد أن يُطابق أي شيء داخلها. عند البحث عن هذا النمط في الكود الـ HTML، ستحصل على المطابقات ${user.name} و${user.age} وأي نمط آخر يتبع نفس القوالب.

بعد ذلك، يمكنك استخدام دالة exec للبحث في النص بحيث تقوم بإرجاع كل مطابقة في كل دورة، وباستخدام حلقة while لتشغيل البحث حتى لا يعود exec بنتيجة null، وذلك يعني نهاية البحث. أثناء كل دورة، ستحتوي المتغيرات match على المطابقة الحالية وسيتم إضافتها إلى مصفوفة النتائج matches.

يمكنك تعديل الكود لاستخراج الأسماء فقط (user.name وuser.age) بدلاً من النمط الكامل ${...} عن طريق تعديل القوسين في التعبير العادي، مثل /\${(.*?)}\./g، وتحديد الفهرس المناسب في المتغير match لاستخراج الاسم الصافي.