Skip to main content

مُحَوِّل camelCase تحويل النص إلى تنسيق camelCase لمتغيرات ودوال JavaScript.

مُحَوِّل camelCase illustration
📝

مُحَوِّل camelCase

تحويل النص إلى تنسيق camelCase لمتغيرات ودوال JavaScript.

1

أدخل النص

الصق النص أو أسماء المتغيرات أو العبارات لتحويلها.

2

احصل على camelCase

انظر إلى نصك المحول إلى تنسيق camelCase على الفور.

3

انسخ واستخدم

انسخ نتيجة camelCase لاستخدامها في كودك.

Loading tool...

What Is مُحَوِّل camelCase?

مُحَوِّل camelCase يُغيّر أي نص إلى صيغة camelCase، حيث تكون الكلمة الأولى بحروف صغيرة وتبدأ كل كلمة لاحقة برأسية، دون وجود فراغات أو منفصلات. تُستخدم الصيغة camelCase (المعروفة أيضًا باسم lowerCamelCase) كمعيار تسمية للمتغيرات والدوال في لغات البرمجة مثل جافاسكريبت وطائفة النصوص وجава والعديد من اللغات الأخرى. أمثلة: "hello world" تصبح "helloWorld"، و"user-first-name" تصبح "userFirstName". يُัดการ هذا الأداة مع الإدخال في أي صيغة - فراغات أو شرطات أو شرطات سفلية أو حالة مختلطة - لإنتاج مخرج نظيف بالصيغة camelCase.

Why Use مُحَوِّل camelCase?

  • اتفاقية تسمية معيارية لمتغيرات ودوال JavaScript/TypeScript
  • يتعامل مع أي تنسيق إدخال - مسافات أو شرطات أو شرطات سفلية أو حالة مختلطة
  • ضروري للحفاظ على اتساق أسلوب الكود
  • يحول عدة أسطر لمعالجة الدفع
  • يوفر الوقت عند إعادة تسمية المتغيرات أو تحويل النص إلى معرفات كود

Common Use Cases

تطوير JavaScript

احول الوصف أو أسماء أعمدة قاعدة البيانات إلى camelCase لمتغيرات ودوال JavaScript.

تكامل API

احول مفاتيح استجابة API من تنسيق snake_case إلى camelCase لكود الجبهة في JavaScript.

إعادة هيكلة الكود

أعد تسمية المتغيرات دفعة واحدة من اتفاقية命名 واحدة إلى camelCase.

CSS-in-JS

احول أسماء خصائص CSS (kebab-case) إلى camelCase لملحقات المكونات أو أنماط React المحلية.

Technical Guide

تتبع عملية تحويل camelCase الخطوات التالية: (1) تقسيم الإدخال إلى كلمات باستخدام منفصلات بما في ذلك الفراغات والشرطات والشرطات السفلية والنقاط وانتقالات الحالة (كشف حيث تلتقي الحروف الصغيرة بالحروف الكبيرة). (2) تحويل الكلمة الأولى完全ًا إلى حروف صغيرة. (3) لرابط الكلمات اللاحقة، ضع رأسية على الحرف الأول وإلى الأسفل لبقية الحروف. (4) دمج جميع الكلمات دون منفصلات. يُدير تقسيم القاعدة العادية انتقالات مثل "XMLParser" → ["XML", "Parser"] و"getElementById" → ["get", "Element", "By", "Id"]. تُحفظ الحروف الخاصة والأرقام عند ظهورها داخل الكلمات. النتيجة دائمًا معرّف صالح لجافاسكريبت (بافتراض أن الحرف الأول هو حرف).

Tips & Best Practices

  • 1
    camelCase هو اتفاقية في JavaScript وTypeScript وJava وC# للمتغيرات المحلية
  • 2
    يجب استخدام camelCase لأسماء الدوال في JavaScript (على سبيل المثال، getUserName)
  • 3
    استخدام props مكونات React camelCase (onClick، className، tabIndex)
  • 4
    عند التحويل من snake_case، يصبح كل كلمة مفصولة بفاصلة سفلية عبارة عن قبة جديدة
  • 5
    تختلف الأسماء المختصرة في camelCase حسب الاتفاقية: "xmlHttpRequest" مقابل "XMLHttpRequest"

Related Tools

Frequently Asked Questions

Q ما هو camelCase؟
يبدأ camelCase بحرف صغير ويحول الحرف الأول من كل كلمة لاحقة إلى حرف كبير، بدون فاصل: helloWorld، userName، getFullName.
Q ما الفرق بين camelCase وPascalCase؟
يبدأ camelCase بحرف صغير (myVariable)، في حين يبدأ PascalCase بحرف كبير (MyVariable).
Q أي لغات تستخدم camelCase؟
JavaScript، TypeScript، Java، C# وSwift يستخدمون camelCase لمتغيرات وأساليبهم. تفضل Python تنسيق snake_case.
Q كيف يتم التعامل مع الأسماء المختصرة؟
الأسماء المختصرة عادة ما تكون بحروف صغيرة عندما تبدأ المعرف (xmlParser) أو تظل كما هي عند وجودها في منتصف الكلمة (getXMLParser).
Q هل يمكنني تحويل عدة أسطر في وقت واحد؟
نعم، يتم تحويل كل سطر بشكل منفصل، مما ينتج معرّف camelCase واحد لكل سطر.

About This Tool

مُحَوِّل camelCase is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.