كيفية التحويل من kebab-case إلى camelCase
حوّل الأسماء من kebab-case إلى camelCase فورًا. اكتب اسم متغير أو دالة أو عمود أو الصقه، واحصل على صيغة camelCase أثناء الكتابة.
- اكتب اسمًا بصيغة kebab-case مثل main-nav-item أو الصقه في المربع أعلاه.
- تظهر صيغة camelCase فورًا: main-nav-item يصبح mainNavItem.
- انسخ النتيجة، أو اختر واحدًا من 17 أسلوب تسمية للمصدر والهدف.
كيف يعمل التحويل
يقسم المحوّل الاسم أولًا إلى كلمات: عند كل حرف كبير وشرطة سفلية وشرطة ونقطة ومسافة. ثم يكتب الكلمات بصيغة camelCase: الكلمة الأولى بحروف صغيرة وكل كلمة تالية تبدأ بحرف كبير، دون فواصل. تبقى سلاسل الحروف الكبيرة مثل HTTP كلمة واحدة، وتبقى الأرقام ملتصقة بالكلمة التي تسبقها.
أمثلة التحويل من kebab-case إلى camelCase
| kebab-case | camelCase |
|---|---|
main-nav-item | mainNavItem |
font-size | fontSize |
background-color | backgroundColor |
is-open | isOpen |
data-test-id | dataTestId |
aria-label | ariaLabel |
ما هما kebab-case وcamelCase
يكتب kebab-case كل الكلمات بحروف صغيرة ويصل بينها بشرطة. ويُستخدم في عناوين URL وأصناف CSS وسمات HTML وأسماء الملفات.
يبدأ camelCase بكلمة بحروف صغيرة ثم يبدأ كل كلمة تالية بحرف كبير، دون فواصل. وهو المعيار لأسماء المتغيرات والدوال في JavaScript وJava وC# وSwift.
الأسئلة الشائعة
ماذا يحدث للاختصارات مثل HTTP أو ID؟
تُعامل سلسلة الحروف الكبيرة كلمةً واحدة، لذا يصبح parseHTTPResponse بصيغة snake_case هكذا: parse_http_response.
هل يغيّر ذلك معنى الكود؟
لا. إنه يعيد كتابة الاسم فقط. تذكّر تغيير الاسم في كل مكان يُستخدم فيه، وإلا سيبحث الكود عن الاسم القديم.
أي أسلوب أستخدم؟
اتبع اصطلاح لغتك أو مشروعك: camelCase في JavaScript وJava، وsnake_case في Python وRuby وSQL، وkebab-case في عناوين URL وCSS.
هل هذه الأداة مجانية؟
نعم، إنها مجانية. دون تسجيل أو بريد إلكتروني. تظهر النتيجة في هذه الصفحة.
كيف أحصل على النتيجة؟
استخدم الأداة في هذه الصفحة. تظهر النتيجة هنا دون الحاجة إلى إرسالها بالبريد الإلكتروني.