العربية
حوّل النص بين camelCase و snake_case و kebab-case والمزيد.
Last updated
helloWorldFromCoddyHelloWorldFromCoddyhello_world_from_coddyHELLO_WORLD_FROM_CODDYhello-world-from-coddyHello-World-From-Coddyhello.world.from.coddyhello/world/from/coddyHello world from coddyHello World From CoddyHELLO WORLD FROM CODDYhello world from coddyمحوّل حالة الأحرف يأخذ عبارة أو معرّفًا ويعيد كتابته بكل أنماط التسمية الشائعة: camelCase وPascalCase وsnake_case وkebab-case وCONSTANT_CASE وTitle Case وSentence case وغيرها. المطورون يستخدمونه باستمرار: عند إعادة هيكلة أسماء المتغيرات، وتوليد أسماء أعمدة قاعدة البيانات، وكتابة أسماء حقول API بما يتوافق مع دليل الأسلوب، وتحويل النص الذي يدخله المستخدم إلى slug للروابط.
كل بيئة تفضّل نمطًا مختلفًا. JavaScript وJava يميلان إلى camelCase، أمّا Python وRuby فيستخدمان snake_case، وكلاسات CSS وعناوين URL تستعمل kebab-case، بينما تكتب متغيرات البيئة والثوابت بـ CONSTANT_CASE. المحوّل يتيح لك قلب أي عبارة إلى النمط المناسب دون أن تعدّ الأحرف يدويًا في رأسك.
الجزء الصعب ليس إعادة الكتابة، بل *التقطيع إلى رموز* (tokenizing). على المحوّل أن يفكّك مدخلات مختلطة مثل XMLHttpRequest أو iOSDevice أو read_HTML5Tags إلى الكلمات الصحيحة أولًا، ثم يعيد دمجها بالنمط المختار. المحوّلات الذكية تتعامل مع الاختصارات (XML, iOS) والأرقام بشكل سليم.
_ - .)، وعند حدود الأرقام، قبل إعادة الدمج.XMLParser هو xmlParser أم xMLParser؟ اختر اتفاقية واحدة لمشروعك والتزم بها.أدخل عبارة واحدة، أو معرّفًا، أو حتى قائمة كاملة. لا مشكلة إن كان المدخل مختلطًا (camelCase وsnake_case ومسافات معًا).
يعرض المحوّل المدخل بأكثر من 10 صيغ مختلفة. اختر الصيغة المستخدمة في مشروعك.
فعّل أو عطّل خيارات معالجة الاختصارات والأرقام والرموز الخاصة إذا كان دليل الأسلوب لديك يفرض قواعد محدّدة.
اضغط على أي صيغة لنسخها مباشرةً إلى الحافظة. مفيد جدًا عند إعادة الهيكلة عبر عدة ملفات أو عند تعبئة مواصفات OpenAPI.
هكذا تظهر العبارة نفسها بأكثر اتفاقيات التسمية شيوعًا.
| النمط | مثال | أين يُستخدم |
|---|---|---|
camelCase | userName | متغيرات JavaScript ودوال Java |
PascalCase | UserName | أسماء الكلاسات في معظم اللغات، ومكونات React |
snake_case | user_name | Python وRuby وأعمدة قواعد البيانات |
SCREAMING_SNAKE_CASE | USER_NAME | الثوابت ومتغيرات البيئة |
kebab-case | user-name | الروابط، كلاسات CSS، خيارات الأوامر في الطرفية |
Title Case | User Name | العناوين والتسميات |
Sentence case | User name | نصوص الواجهات والفقرات |
Train-Case | User-Name | ترويسات HTTP (X-Request-Id) |
dot.case | user.name | مفاتيح الإعدادات والإعدادات بنطاقات |
flatcase | username | أسماء النطاقات وslug الحزم |
user profile photo
camelCase: userProfilePhoto · PascalCase: UserProfilePhoto · snake_case: user_profile_photo · kebab-case: user-profile-photo · CONSTANT_CASE: USER_PROFILE_PHOTO
نفس الكلمات بخمسة أنماط مختلفة. اختر النمط الذي يناسب الملف الذي تعدّله.
const accessTokenExpiresAt = ...;access_token_expires_at = ...أغلب الفرق تحتفظ باسم موحّد في نموذج المجال، ثم تترجمه عند الحدود بين اللغات أو بين طبقات الـ API.
10 Best Practices for REST APIs
10-best-practices-for-rest-apis
الـ slug هو kebab-case + أحرف صغيرة + رموز آمنة فقط. يصلح كجزء من الرابط وكاسم كلاس CSS في الوقت ذاته.
userName وuser_name في نفس الموديول). اختر نمطًا واحدًا واجعل الـ linter يفرضه.XmlParser مقابل XMLParser). اتّخذ قرارًا واحدًا لكل مشروع والتزم به.userName وusername قد يكونان نفس العمود في PostgreSQL لكن مختلفين في MySQL.accessTokenExpiresAt). هو النمط السائد للمتغيرات والدوال في JavaScript وJava.access_token_expires_at). هو النمط المعتاد في Python وRuby وفي معظم أسماء أعمدة قواعد البيانات العلائقية.UserProfile)، أمّا camelCase فيتركه صغيرًا (userProfile). PascalCase مخصّص لأسماء الكلاسات ومكونات React في معظم البيئات.é → e)، واحذف أي رمز غير الحروف والأرقام والشُرَط. معظم محوّلات الحالات توفّر وضع slugify يقوم بكل هذا في خطوة واحدة.