تحويل camelCase إلى PascalCase
حوّل أسماء المتغيرات والدوال من camelCase إلى PascalCase لتصلح أسماء كلاسات أو مكونات.
جارٍ تحميل الأداة…
المعالجة والخصوصية: تُحسب النتيجة داخل متصفحك ولا تُرسل بياناتك إلى أي خادم.
طريقة الاستخدام
- أدخل أسماء بصيغة camelCase (اسم في كل سطر أو داخل نص) وإبقاء الاختصارات بحروف كبيرة (مثل HTML و ID).
- تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
- انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.
طريقة الحساب
يُقسم كل اسم camelCase إلى كلمات عند كل انتقال من حرف صغير أو رقم إلى حرف كبير، وقبل آخر حرف كبير في اختصار يليه حرف صغير. ثم تبدأ كل كلمة بحرف كبير وتُكتب بقيتها بحروف صغيرة، بلا فاصل. ومع خيار الاختصارات تبقى الكلمات المكتوبة كلها بحروف كبيرة (مثل ID) كما هي إذا كان الاسم يحتوي أيضا على حروف صغيرة. تبقى الرموز والمسافات حول الأسماء كما هي. مثال: userProfile تصبح UserProfile.
مثال
المدخلات: إبقاء الاختصارات بحروف كبيرة (مثل HTML و ID) = نعم. النتيجة: النتيجة بصيغة PascalCase: UserProfile ParseHTMLString GetUserID، عدد الأسماء المعالجة: 3.
userProfile parseHTMLString getUserID
UserProfile ParseHTMLString GetUserID
الحدود والملاحظات
- لا يمكن تقسيم اسم لا يحتوي على حرف كبير يحدد بداية الكلمة، مثل username أو الأسماء العربية.
- تتغير كل الكلمات في النص الملصوق، بما فيها الكلمات المحجوزة وأسماء المكتبات، فراجع النتيجة قبل لصقها في الكود.
أسئلة شائعة عن هذه الأداة
لماذا تحتاج مكونات React إلى PascalCase؟
لأن JSX تعامل الوسم الذي يبدأ بحرف صغير كعنصر HTML عادي، فالمكون userCard يجب أن يُكتب UserCard ليُعرض كمكون.
ما الفرق عند إلغاء خيار الاختصارات؟
مع الخيار تصبح parseHTMLString هي ParseHTMLString، وبدونه تُعامل HTML ككلمة عادية فتصبح ParseHtmlString.
هل يتغير شيء غير الحرف الأول؟
مع الخيار المفعّل لا يتغير إلا الحرف الأول في أغلب الأسماء، وتبقى الكلمات المكتوبة بحروف كبيرة كما هي.