Command Palette

Search for a command to run...

محول حالة النص: كيفية تغيير حالة النص عبر الإنترنت (تنسيقات 10+)

محول حالة النص: كيفية تغيير حالة النص عبر الإنترنت (تنسيقات 10+)

T
Toolz Team
|Jun 30, 2026|15 دقيقة قراءة

جزء من مجموعة أدوات النص

الوصف التعريفي: تحويل النص بين camelCase، snake_case، kebab-case، PascalCase &amp؛ أكثر. اصطلاحات التسمية حسب اللغة، موضحة بواسطة المطور. مجاني على Toolz.dev.

التركيز على الكلمة الرئيسية: محول حالة النص عبر الإنترنت


في المرة الأولى التي ترك فيها أحد كبار المهندسين تعليقًا على طلب السحب الخاص بي والذي قال للتو &quot؛ التسمية، والاقتباس؛ لم يكن لدي أي فكرة عما كان يقصده. نجح الكود. اجتازت الاختبارات. ما كان يشير إليه هو المتغير I&#39؛d المكتوب كـ user_name في ملف JavaScript - snake_case في قاعدة التعليمات البرمجية التي تستخدم camelCase في كل مكان آخر. لقد كان إصلاحًا مدته خمس ثوانٍ، لكنه كان من النوع الذي يشير بهدوء إلى ما إذا كنت تعرف اصطلاحات اللغة التي تكتب بها &#39؛

خمسة عشر عامًا أو نحو ذلك ومكون WordPress الإضافي بالإضافة إلى Laravel/React SaaS لاحقًا، يعد تحويل الحالة شيئًا أقوم به عشرات المرات يوميًا دون تفكير. يعني العمل المكدس الكامل عبور الاصطلاحات باستمرار: أعمدة snake_case في قاعدة البيانات، وcamelCase في JavaScript، وPascalCase لمكونات React، وkebab-case في CSS وعناوين URL، وSCREAMING_SNAKE_CASE لمتغيرات البيئة. الحصول عليها بشكل خاطئ لا &#39؛ يبدو الأمر قذرًا - فهو يعثر على الخطوط، ويكسر الإنشاءات، وينتج أحيانًا أخطاء يصعب تعقبها.

يغطي هذا الدليل كل تنسيق حالة رئيسي، ويعين كل تنسيق باللغات التي تتوقعه، ويوضح كيفية التحويل فيما بينها على الفور مجانًا محول الحالة على Toolz.dev. كل شيء يعمل في متصفحك، لذلك حتى لو قمت &#39؛ بعد لصق معرفات الملكية، لا شيء يترك جهازك.

ليرة تركية؛DR: استخدم محول الحالة لتبديل النص بين camelCase، وPascalCase، وsnake_case، وSCREAMING_SNAKE_CASE، وkebab-case، وTitle Case، وSentence case، وdot.case. يكتشف تلقائيًا حدود الكلمات من أي إدخال ويحول قوائم متعددة الأسطر سطرًا تلو الآخر. القاعدة الأساسية: camelCase لمتغيرات JS، وPascalCase للفئات ومكونات التفاعل، وsnake_case لـ Python وSQL، وkebab-case لـ CSS وعناوين URL، وSCREAMING_SNAKE_CASE للثوابت.


ما هي تنسيقات حالة النص الرئيسية؟

كل تنسيق حالة هو في الواقع قراران: كيفية كتابة الكلمات بالأحرف الكبيرة، وما هو الحرف (إن وجد) الذي يفصل بينهما. الكتابة بالأحرف الكبيرة نفسها هي عملية Unicode وليست عملية ASCII - الملحق القياسي لليونيكود #21 يغطي الحالات التي لا يمكن عكسها، مثل الألمانية ß والتركية بدون نقاط i. بمجرد أن تراها بهذه الطريقة، تصبح حديقة الحيوان بأكملها طاولة صغيرة. هنا &#39؛s كل تنسيق مع مثال وأين يعيش.

camelCase

الكلمة الأولى بأحرف صغيرة، وكل كلمة تالية بأحرف كبيرة، ولا توجد فواصل firstName، getUserProfile، isActiveSubscription. هذا هو الإعداد الافتراضي لمتغيرات JavaScript وTypeScript والوظائف والأساليب وخصائص الكائنات، وهو نفسه في Java وSwift. الاسم يأتي من &quot؛ الحدبات والاقتباس؛ الحروف الكبيرة تجعل. It&#39؛ مضغوط ويقرأ جيدًا بطول قصير إلى متوسط.

باسكال كيس (UpperCamelCase)

مثل camelCase ولكن الكلمة الأولى مكتوبة بالأحرف الكبيرة أيضًا UserProfile، HttpRequestHandler، OrderService. It&#39؛s المستخدمة للفئات والبنيات والتعدادات عبر C# وTypeScript وJava وGo (للمعرفات المصدرة) وPython (أسماء فئات PEP 8)، ولأسماء مكونات React وVue. الحرف الأول الكبير هو ما يتيح لك معرفة النوع (UserProfile) من مثيل (userProfile) في لمحة.

snake_case

جميع الأحرف الصغيرة، الكلمات المرتبطة بالشرطة السفلية: first_name، get_user_profile، created_at. It&#39؛s نمط المنزل لـ Python وRuby (لكل PEP 8 ودليل نمط Ruby)، وRust، ومعظم مخططات SQL. تقوم التسطير السفلي بفصل الكلمات بشكل لا لبس فيه حتى بأحرف صغيرة، ولهذا السبب تعتمد اللغات التي تمنح سهولة القراءة عليها - ولماذا تفضلها قواعد البيانات، حيث يمكن أن تكون حساسية الحالة.

SCREAMING_SNAKE_CASE (CONSTANT_CASE)

جميع الأحرف الكبيرة، مفصولة بشرطة سفلية: MAX_RETRY_COUNT، API_BASE_URL، DEFAULT_TIMEOUT_MS. شبه عالمي للثوابت ومتغيرات البيئة في .env تكوين الملفات وDocker وCI. جميع الأحرف الكبيرة تصرخ &quot؛ هذه القيمة ثابتة وحاصل؛ - عندما تراه، فأنت تعلم عدم إعادة تعيينه.

حالة كباب (حالة اندفاعة)

جميع الأحرف الصغيرة، مفصولة بواصلة: user-profile، background-color، create-react-app. هذا هو التنسيق الأصلي لـ CSS&#39؛s للخصائص وأسماء الفئات (عبر BEM أو Tailwind)، وهو&#39؛s ما يستخدمه URL slugs وأسماء حزم npm وتسميات Kubernetes وأسماء فروع git وأعلام CLI. الواصلات عبارة عن فواصل كلمات طبيعية باللغة الإنجليزية البسيطة، لذا فإن kebab-case هو التنسيق الأكثر قابلية للقراءة من قبل الإنسان لأي شيء يقرأه الأشخاص مباشرة - وهو &#39؛s آمن لعنوان URL بدون تشفير.

قضية العنوان وقضية الجملة

العنوان: تعمل حالة الأحرف الكبيرة على كتابة الكلمات الرئيسية وتترك المقالات القصيرة وحروف الجر وأدوات العطف بأحرف صغيرة ما لم تكن تؤدي إلى ذلك الثعلب البني السريع يقفز فوق الكلب الكسول. It&#39؛s للعناوين وعناوين الكتب والفصول ورؤوس الشرائح. حالة الجملة مكتوبة بالأحرف الكبيرة فقط الكلمة الأولى وأسماء العلم: يقفز الثعلب البني السريع فوق الكلب الكسول. It&#39؛s هو الإعداد الافتراضي الحديث لتسميات واجهة المستخدم والأزرار والنص الأساسي في معظم أنظمة التصميم.

dot.case، والمسار/الحالة، وحالة القطار

ثلاثة أشكال متخصصة: dot.case (com.example.myapp) لحزم Java ومفاتيح التكوين؛ المسار/الحالة (src/components/header) لمسارات الملفات واستيراد الوحدات النمطية؛ و حالة القطار (Content-Type، X-Request-Id) لرؤوس HTTP. أنت &#39؛ سوف تتحول إلى هذه في كثير من الأحيان، ولكن محول الحالة يدعم العناصر الشائعة لذلك أنت &#39؛ لا تفعل ذلك يدويًا.


ما هي الحالة التي يجب عليك استخدامها للغة البرمجة الخاصة بك؟

أسرع طريقة للتوقف عن التخمين هي استيعاب ما يقوله دليل أسلوب كل لغة &#39؛s بالفعل. Here&#39؛s المرجع عبر اللغات الذي أتمنى أن يكون I&#39؛d عند طلب السحب الأول هذا.

عنصر جافا سكريبت / تي إس بايثون يذهب صدأ CSS / SQL
المتغيرات camelCase snake_case camelCase (خاص) snake_case snake_case (SQL)
وظائف camelCase snake_case باسكال كيس (عام) snake_case -
الفئات/الهياكل باسكال كيس باسكال كيس باسكال كيس باسكال كيس -
الثوابت الصراخ_الثعبان الصراخ_الثعبان باسكال كيس الصراخ_الثعبان -
المكونات / الأنواع باسكال كيس باسكال كيس باسكال كيس باسكال كيس -
الخصائص / الأعمدة camelCase snake_case باسكال كيس (عام) snake_case كباب/ثعبان
ملفات كباب أو باسكال snake_case snake_case snake_case قضية كباب

بعض الأشياء التي فاز بها هذا الجدول &#39؛ سيخبرك بها ولكن الخبرة ستخبرك بها. يعالج Go الرؤية من خلال الحالة - الحرف الأول الكبير يعني التصدير (عام)، والحرف الصغير يعني الحزمة الخاصة - لذا فإن الغلاف هناك دلالات، وليس نمطًا. ثوابت بايثون هي SCREAMING_SNAKE_CASE حسب الاتفاقية فقط؛ اللغة التي فازت بها &#39؛ تمنعك من إعادة تعيينها. وفي JavaScript، يقوم PascalCase بواجب مزدوج: فهو يحدد كلا الفئتين ومكونات React، ولهذا السبب يمكن لـ JSX معرفة ذلك <UserCard /> (مكونك) من <div /> (عنصر DOM) فقط بالحرف الكبير.


كيف يمكنك التحويل بين التنسيقات باستخدام الأداة؟

الميكانيكا مملة عمدا، وهذا هو الهدف.

  1. افتح ال محول الحالة.
  2. لصق النص الخاص بك. يمكن أن يكون بأي تنسيق - تكتشف الأداة حدود الكلمات من المسافات والشرطات السفلية والواصلات والنقاط وتغييرات الحالة.
  3. اختر التنسيق المستهدف.
  4. يظهر النص المحول على الفور. انسخه بنقرة واحدة.

حيث يكسب الاحتفاظ به هو العمل بالجملة. يقوم المحول بمعالجة خط الإدخال متعدد الأسطر سطرًا تلو الآخر، بحيث تتحول القائمة بأكملها مرة واحدة. الصق هذه المجموعة من أعمدة قاعدة البيانات كحالة snake_case:

first_name
last_name
email_address
phone_number
date_of_birth

اختر camelCase، وستحصل على متغيرات جانب التطبيق في خطوة واحدة

firstName
lastName
emailAddress
phoneNumber
dateOfBirth

أفعل هذا بالضبط عندما أقوم بتعيين أعمدة I&#39؛m لنموذج Laravel &#39؛s إلى نموذج React وأسماء الحقول #39؛s. عالمان تقليديان، لصق واحد. البديل - إعادة كتابة 20 اسمًا أو كتابة نص تحويل لمرة واحدة - هو كيف تصبح المهمة التي تستغرق دقيقتين عشرة.


ما هي أخطاء تحويل الحالة الأكثر شيوعًا؟

أنا &#39؛ لقد صنعنا كل هذه، وأنا &#39؛ لقد وضعوا علامة على كل هذه في المراجعة. يتجمعون في أربعة.

استخدام التقليد الخاطئ للغة. كتابة const user_name في جافا سكريبت أو firstName = "Alice" في بايثون هو الكلاسيكي. تلتقطها الروابط - ESLint&#39؛s camelcase القاعدة، Pylint&#39؛s invalid-name - ولكن &#39؛ منظف لكتابته بشكل صحيح في المرة الأولى بدلاً من الحصول على تمايلات حمراء.

أن تكون غير متناسقة داخل ملف واحد. خلط userName، is_active، و GetUserProfile() في نفس وحدة بايثون أسوأ من اختيار &quot؛ خطأ واقتباس؛ الاتفاقية باستمرار، لأنه الآن يمكن للقارئ &#39؛ التنبؤ بأي شيء. الاتساق يتفوق على التفضيل الشخصي في كل مرة.

سوء التعامل مع الاختصارات. هذا هو الخفي، وهو &#39؛s حيث تم حرق I&#39؛ لقد تم حرقها. تختلف اللغات المختلفة حول ما إذا كان الاختصار عبارة عن كلمة واحدة أم مجموعة من الحروف

  • جافا سكريبت يحتفظ بالاختصارات بأحرف كبيرة بالكامل: XMLHttpRequest، HTMLElement.
  • ج# الأحرف الكبيرة فقط الحرف الأول: XmlHttpRequest، HtmlElement.
  • يذهب الأحرف الكبيرة هي الاختصار بأكمله، دائمًا: XMLHTTPRequest، URL، ServeHTTP.

هنا&#39؛ هذا هو خطأي المعترف به مع هذا. لقد سمحت ذات مرة للمحول الآلي أن يدور parseHTMLString في parse_h_t_m_l_string عبر ملف - تعامل مع كل حرف كبير كحدود للكلمة - وقد ارتكبته دون قراءة الفرق عن كثب. حالة الثعبان الصحيحة هي parse_html_string. لقد التقطتها فقط عندما تمكنت Python من &#39؛t العثور على الوظيفة التي اعتقدت أنها I&#39؛d أعيدت تسميتها. الدرس: معالجة الاختصارات هي بالضبط المكان الذي يحتاج فيه تحويل الحالة الآلي إلى نظرة بشرية، وهذا هو &#39؛s لماذا محول الحالة يحافظ على تشغيل الحروف والأرقام المجاورة معًا بدلاً من تحطيمها.

تقسيم الأرقام بشكل خاطئ. user2FAEnabled ينبغي أن تصبح user_2fa_enabledلا user_2_f_a_enabled. إن الاحتفاظ بالتسلسلات الرقمية مع الحروف المجاورة لها هو السلوك الذي تريده، ومن السهل أن تخطئ في &#39؛s إذا قمت بالتحويل بواسطة regex الساذج.


سيناريوهات التحويل الحقيقية التي أضربها أسبوعيًا

نقل الكود بين اللغات. نقل مقتطف من خدمة Python إلى Node one يعني snake_case → camelCase لكل معرف. لصق الكتلة، تحويلها، تم.

مكون لورقة الأنماط. مكون التفاعل اسمه UserProfileCard (PascalCase) يحتاج إلى فئة CSS user-profile-card (حالة كباب). تحويل واحد.

تكوين للبيئة. مفتاح التكوين مكتوب database.connection.pool.size (dot.case) يصبح env var DATABASE_CONNECTION_POOL_SIZE (SCREAMING_SNAKE_CASE). يقوم المحول بتغيير التنسيق؛ ما عليك سوى اللصق والاختيار.

العنوان إلى slug. عنوان رئيسي مثل &quot؛ كيفية تحويل حالة النص عبر الإنترنت والاقتباس؛ يحتاج إلى عنوان URL slug. لهذه المهمة المحددة Slug مولد تم تصميمه خصيصًا لهذا الغرض، لكن علبة الكباب الموجودة في محول العلبة توفر لك معظم الطريق.


الأسئلة الشائعة

كيف يمكنني تحويل حالة النص عبر الإنترنت؟

افتح ال محول الحالة، الصق النص الخاص بك، وحدد التنسيق الهدف. وهو يدعم camelCase، وPascalCase، وsnake_case، وSCREAMING_SNAKE_CASE، وkebab-case، وTitle Case، وSentence case، وdot.case، والمزيد. التحويل فوري ومجاني وتتم معالجته بالكامل في متصفحك.

ما الفرق بين camelCase وsnake_case؟

تقوم CamelCase بضم الكلمات بدون فواصل وتكتب بالأحرف الكبيرة كل كلمة بعد الكلمة الأولى getUserProfile. يستخدم Snake_case كلمات صغيرة متصلة بشرطات سفلية: get_user_profile. camelCase هو المعيار في JavaScript وJava؛ snake_case هو المعيار في Python وRuby وRust وSQL. يقومون بتشفير نفس الكلمات، فقط مع قواعد فاصلة وكبيرة مختلفة.

كيف يمكنني تحويل camelcase إلى snake_case؟

الصق نص حقيبة الجمل الخاصة بك في محول الحالة - على سبيل المثال getUserProfile - واختر snake_case. تحصل get_user_profile على الفور. نظرًا لأن الأداة تكتشف حدود الكلمات من الأحرف الكبيرة، فأنت تفعل &#39؛ تحتاج إلى إضافة أي مسافات أو علامات أولاً.

ما هي استخدامات باسكال كيس؟

PascalCase يكتب الحرف الأول من كل كلمة بالأحرف الكبيرة، بما في ذلك الحرف الأول UserProfile، HttpClient. It&#39؛s المستخدمة لأسماء الفئات في معظم اللغات، وأسماء مكونات React وVue، وواجهات TypeScript والأسماء المستعارة للنوع، وطرق وخصائص C#، ومعرفات Go&#39؛s المصدرة (العامة). يميز الحرف الأول الكبير بصريًا الأنواع والمنشئات عن المتغيرات العادية.

كيف ينبغي أن تكون الاختصارات في أسماء متغيرة؟

ذلك يعتمد على اللغة. JavaScript تحتفظ بها بأحرف كبيرة بالكامل (XMLHttpRequest)، C# يكتب الحرف الأول فقط بالأحرف الكبيرة (XmlHttpRequest)، وGo بالأحرف الكبيرة الاختصار بأكمله (XMLHTTPRequest). هذا هو الجزء الوحيد الأكثر عرضة للخطأ في تحويل الحالة، لذا قم بمراجعة النتيجة عندما يحتوي المعرف على اختصار بدلاً من الثقة في التحويل الأعمى.

هل يمكنني تحويل قائمة كاملة من الأسماء مرة واحدة؟

نعم. ال محول الحالة معالجة خط الإدخال متعدد الأسطر سطرًا تلو الآخر. الصق قائمة كاملة بأسماء الأعمدة أو معرفاتها، واختر التنسيق المستهدف، وسيتحويل كل سطر في وقت واحد - وهو مثالي لتعيين أعمدة قاعدة البيانات لمتغيرات التطبيق.

ما هي الحالة التي يجب أن أستخدمها لعناوين URL وCSS؟

حالة كباب لكليهما. URL slugs مثل /blog/text-case-converter-guide وخصائص CSS مثل background-color استخدم الكلمات الصغيرة مفصولة بواصلات. It&#39؛s هو التنسيق الأكثر قابلية للقراءة في العناوين وأوراق الأنماط وهو آمن لعنوان URL بدون أي ترميز.

ما هي استخدامات SCREAMING_SNAKE_CASE؟

الثوابت ومتغيرات البيئة: MAX_RETRY_COUNT، DATABASE_URL، API_KEY. إشارة الأحرف الكبيرة هي اتفاقية وليست قاعدة مفروضة - فهي تخبر القارئ التالي &quot؛ هذه القيمة ثابتة، don&#39؛t أعد تعيينها.&quot؛ It&#39؛s شبه عالمية بالنسبة لـ env vars لأن متغيرات الصدفة كانت دائمًا كبيرة، ومعظم اللغات تتبع نفس الاصطلاح بالنسبة لثوابت وقت الترجمة.

ما الفرق بين حالة العنوان وحالة الجملة؟

تقوم حالة العنوان بأحرف كبيرة من الكلمات الرئيسية وتترك المقالات القصيرة وأدوات العطف وحروف الجر بأحرف صغيرة: &quot؛ دليل تحويل حالة النص.&quot؛ حالة الجملة تكتب بالأحرف الكبيرة فقط الكلمة الأولى وأي أسماء علم: &quot؛ دليل تحويل حالة النص.&quot؛ حالة العنوان تقليدية للعناوين الرئيسية؛ أصبحت حالة الجملة الآن هي نمط المنزل في معظم فرق المنتجات والتوثيق لأنها تقرأ بشكل أسرع وتتعامل مع العناوين الطويلة بشكل أفضل.

كيف يمكنني تغيير حالة النص في Word أو Google Docs؟

في Microsoft Word، حدد النص واضغط Shift + F3 للتنقل بين الأحرف الصغيرة والأحرف الكبيرة والأحرف الكبيرة لكل كلمة، أو استخدم زر Aa في علامة التبويب الصفحة الرئيسية. يحتوي محرر مستندات Google على التنسيق → النص → الكتابة بالأحرف الكبيرة. لا يقدم أي منهما تنسيقات مبرمجة - بالنسبة لـ camelCase أو snake_case أو kebab-case، فأنت بحاجة إلى تنسيق مخصص محول الحالة.


خاتمة

يعد تحويل الحالة مهارة صغيرة تحدد بهدوء الفرق بين التعليمات البرمجية التي تقرأ على أنها أصلية في لغتها والتعليمات البرمجية التي تقرأ على أنها منقولة من مكان آخر. معرفة الاصطلاح الصحيح لكل سياق - camelCase في JavaScript، وsnake_case في Python، وkebab-case في CSS وعناوين URL، وSCREAMING_SNAKE_CASE للثوابت - يمنع ضوضاء linter، ويتجنب الأخطاء، ويحافظ على تماسك قاعدة التعليمات البرمجية.

الحر محول الحالة في Toolz.dev يجعل الجزء الميكانيكي فوريًا: أي تنسيق داخل، أو أي تنسيق خارج، أو سطر واحد أو مائة، كل ذلك في متصفحك دون تحميل أي شيء. قم بوضع إشارة مرجعية عليه، والجزء الوحيد من التسمية يمكنك أتمتة التوقفات التي تكلفك أي شيء.

تحويل النص الخاص بك الآن: Toolz.dev/tools/case-converter


القراءة ذات الصلة:

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!