استخراج بيانات متغيرة من الكود HTML باستخدام Regex
To extract ${user.name}
and ${user.age}
from the HTML using JavaScript regex, you can use the following approach:
javascript// 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
لاستخراج الاسم الصافي.