מטא תיאור: המר טקסט בין camelCase, snake_case, kebab-case, PascalCase & amp; more. מוסכמות מתן שמות לפי שפה, מוסבר על ידי מפתח.Free on Toolz.dev.
מילת מפתח מיקוד: ממיר אותיות רישיות וקטנות טקסט באינטרנט
בפעם הראשונה מהנדס בכיר השאיר תגובה על בקשת המשיכה שלי שזה עתה אמר "naming," לא היה לי מושג למה הוא התכוון הקוד עבד המבחנים עברו מה שהוא הצביע עליו היה משתנה I'd נכתב כ user_name בקובץ JavaScript - snake_case בבסיס קוד שהשתמש ב-camelCase בכל מקום אחר זה היה תיקון של חמש שניות, אבל זה היה מסוג הדברים שמסמנים בשקט אם אתה מכיר את המוסכמות של השפה שבה אתה ' כותבים.
חמש עשרה ומשהו שנים ותוסף וורדפרס בתוספת Laravel/React SaaS מאוחר יותר, המרת מקרה זה משהו שאני עושה עשרות פעמים ביום בלי לחשוב עבודה בערימה מלאה פירושה חציית מוסכמות ללא הרף: עמודות snake_case במסד הנתונים, camelCase ב-JavaScript, PascalCase עבור רכיבי React, מארז קבב ב-CSS ובכתובות ה-URL, SCREAMING_SNAKE_CASE למשתני הסביבה. לטעות עושה ' זה פשוט נראה מרושל - זה מעד לינטרים, שובר בנייה ומדי פעם מייצר באגים שאומללים לאתר.
מדריך זה מכסה כל פורמט מקרה מרכזי, ממפה כל אחד לשפות המצפות לו, ומראה כיצד להמיר ביניהם באופן מיידי עם החינם ממיר אותיות רישיות וקטנות על Toolz.dev. הכל פועל בדפדפן שלך, כך שגם אם אתה & #39;re הדבקת מזהים קנייניים, שום דבר לא עוזב את המכונה שלך.
TL;DR: השתמש ב ממיר אותיות רישיות וקטנות כדי להחליף טקסט בין camelCase, PascalCase, snake_case, SCREAMING_SNAKE_CASE, kebab-case, Title Case, Sentence case ו-dot.case. הוא מזהה אוטומטית גבולות מילים מכל קלט וממיר רשימות מרובות שורות שורה אחר שורה. כלל אצבע: camelCase למשתני JS, PascalCase למחלקות ורכיבי React, snake_case עבור Python ו-SQL, kebab-case עבור CSS וכתובות URL, SCREAMING_SNAKE_CASE עבור קבועים.
מהם הפורמטים העיקריים של מארז הטקסט?
כל פורמט מקרה הוא באמת שתי החלטות: איך מילים באותיות רישיות, ואיזה תו (אם בכלל) מפריד ביניהן. ההיוון עצמו הוא פעולת Unicode ולא ASCII - נספח תקן Unicode #21 מכסה את המקרים שבהם הוא אינו הפיך, כגון ß גרמנית וטורקית ללא נקודות i. ברגע שאתה רואה את זה ככה, כל גן החיות הופך לשולחן קטן. Here's כל פורמט עם דוגמה והיכן הוא חי.
camelCase
מילה ראשונה באותיות קטנות, כל מילה הבאה באותיות גדולות, ללא מפרידים: firstName, getUserProfile, isActiveSubscription. זוהי ברירת המחדל למשתנים, פונקציות, שיטות ומאפייני אובייקט של JavaScript ו-TypeScript, ואותו הדבר ב-Java ו-Swift. השם בא מה-"humps" האותיות הגדולות מייצרות. It's קומפקטי וקורא היטב באורך קצר עד בינוני.
PascalCase (UpperCamelCase)
כמו camelCase אבל גם המילה הראשונה באותיות גדולות: UserProfile, HttpRequestHandler, OrderService. It's המשמשים למחלקות, מבנים ו-enums על פני C#, TypeScript, Java, Go (עבור מזהים מיוצאים) ו-Python (שמות מחלקות PEP 8), ולשמות רכיבי React ו-Vue האות הראשונה באותיות רישיות היא מה שמאפשר לך לספר סוג (UserProfile) ממופע (userProfile) במבט חטוף.
מקרה נחש
כל האותיות הקטנות, מילים מצטרפות בקו תחתון: first_name, get_user_profile, created_at. It' הוא סגנון הבית עבור Python ו-Ruby (לפי PEP 8 ומדריך הסגנון של Ruby), Rust ורוב סכימות ה-SQL. מדגיש מילים נפרדות באופן חד משמעי אפילו באותיות קטנות, וזו הסיבה ששפות המעניקות קריאות נשענות עליה - ומדוע מסדי נתונים, שבהם רגישות למקרה יכולה לנשוך, מעדיפים אותה.
SCREAMING_SNAKE_CASE (CONSTANT_CASE)
הכל באותיות גדולות, מופרדות בקו תחתון: MAX_RETRY_COUNT, API_BASE_URL, DEFAULT_TIMEOUT_MS. כמעט אוניברסלי עבור קבועים ועבור משתני סביבה ב .env קבצים, Docker, ו CI config.The all-caps צועק "ערך זה קבוע" - כאשר אתה רואה את זה, אתה יודע לא להקצות מחדש את זה.
קבב-מארז (מארז מקף)
הכל באותיות קטנות, מופרדות במקף: user-profile, background-color, create-react-app. זהו CSS' פורמט מקורי של נכסים ושמות מחלקות (באמצעות BEM או Tailwind), וזה ' באיזה כתובת URL slugs, שמות חבילות npm, תוויות Kubernetes, שמות סניפים של git ודגלי CLI משתמשים. מקפים הם מפרידי מילים טבעיים באנגלית פשוטה, כך שמארז קבב הוא הפורמט הקריא ביותר לאדם עבור כל דבר שאנשים קוראים ישירות - וזה 's URL בטוח ללא קידוד.
תיק כותרת ותיק משפטים
כותרת Case באותיות רישיות מילים עיקריות ומשאירה מאמרים קצרים, מילות יחס וצירופים באותיות קטנות אלא אם כן הם מובילים: השועל החום המהיר קופץ מעל הכלב העצלן. It's עבור כותרות, כותרות ספרים ופרקים וכותרות שקופיות. מקרה המשפט באותיות רישיות רק את המילה הראשונה ואת שמות העצם: השועל החום המהיר קופץ מעל הכלב העצלן. It' היא ברירת המחדל המודרנית עבור תוויות ממשק משתמש, כפתורים וטקסט גוף ברוב מערכות העיצוב.
dot.case, path/case ו-Train-Case
שלושה פורמטים מומחים: dot.case (com.example.myapp) עבור חבילות Java ומפתחות תצורה; נתיב/מקרה (src/components/header) עבור נתיבי קבצים וייבוא מודולים; ו מארז רכבת (Content-Type, X-Request-Id) עבור כותרות HTTP. You' ימיר לאלה בתדירות נמוכה יותר, אבל ה ממיר אותיות רישיות וקטנות תומך בנפוצים כך שאתה 'לא עושים את זה ביד.
באיזה מקרה עליך להשתמש עבור שפת התכנות שלך?
הדרך המהירה ביותר להפסיק לנחש היא להפנים את מה שכל שפה 's מדריך סגנון בעצם אומר. Here's ההפניה בין שפות הלוואי I'd היה על בקשת המשיכה הראשונה הזו.
| אלמנט | JavaScript / TS | פייתון | ללכת | רוסט | CSS / SQL |
|---|---|---|---|---|---|
| משתנים | camelCase | מקרה נחש | camelCase (פרטי) | מקרה נחש | snake_case (SQL) |
| פונקציות | camelCase | מקרה נחש | PascalCase (ציבורי) | מקרה נחש | - - |
| שיעורים / מבנים | PascalCase | PascalCase | PascalCase | PascalCase | - - |
| קבועים | צרחות_נחש | צרחות_נחש | PascalCase | צרחות_נחש | - - |
| רכיבים / סוגים | PascalCase | PascalCase | PascalCase | PascalCase | - - |
| מאפיינים / עמודות | camelCase | מקרה נחש | PascalCase (ציבורי) | מקרה נחש | קבב / נחש |
| קבצים | קבב או פסקל | מקרה נחש | מקרה נחש | מקרה נחש | קבב-מקרה |
כמה דברים שהטבלה הזו זכתה 't אומר לך אבל הניסיון יהיה. לך מטפל בנראות דרך מקרה - אות ראשונה גדולה פירושה מיוצא (ציבורי), אותיות קטנות פירושה חבילה-פרטית - אז מעטפת יש סמנטיקה, לא סגנון. קבועי Python הם SCREAMING_SNAKE_CASE לפי מוסכמה בלבד; השפה זכתה ' לא עוצרים אותך להקצות אותם מחדש. וב-JavaScript, PascalCase עושה חובה כפולה: הוא מסמן גם מחלקות וגם רכיבי React, וזו הסיבה ש-JSX יכול לדעת <UserCard /> (הרכיב שלך) מ <div /> (אלמנט DOM) אך ורק לפי האות הגדולה.
איך ממירים בין פורמטים עם הכלי?
המכניקה משעממת בכוונה, וזה העניין.
- פתח את ממיר אותיות רישיות וקטנות.
- הדבק את הטקסט שלך. זה יכול להיות בכל פורמט - הכלי מזהה גבולות מילים מרווחים, קווים תחתונים, מקפים, נקודות ושינויי רישיות.
- בחר את פורמט היעד.
- הטקסט שהומר מופיע באופן מיידי העתק אותו בלחיצה אחת.
היכן שהוא מרוויח את השמירה שלו היא עבודה בתפזורת. הממיר מעבד קלט רב-קו שורה אחר שורה, כך שרשימה שלמה משתנה בבת אחת. הדבק קבוצה זו של עמודות מסד נתונים כמקרה_נחש:
first_name
last_name
email_address
phone_number
date_of_birth
בחר camelCase, ותקבל את המשתנים בצד היישום בשלב אחד:
firstName
lastName
emailAddress
phoneNumber
dateOfBirth
אני עושה בדיוק את זה כאשר I'm מיפוי של עמודות Laravel model's לטופס React's field names.שני עולמות מוסכמות, הדבקה אחת האלטרנטיבה - הקלדה מחדש של 20 שמות או כתיבת סקריפט טרנספורמציה חד פעמי - היא איך משימה של שתי דקות הופכת לעשר.
מהן טעויות ההמרה הנפוצות ביותר?
I' יצר את כל אלה, ו-I' סימן את כל אלה בסקירה. הם מתקבצים לארבעה.
שימוש במוסכמה שגויה עבור השפה. כתיבה const user_name ב-javascript או firstName = "Alice" בפייתון הוא הקלאסי. Linters לתפוס אותו - ESLint's camelcase כלל, Pylint's invalid-name - אבל זה 's נקי יותר לכתוב את זה נכון בפעם הראשונה מאשר לקבל פיתולים אדומים.
להיות לא עקבי בתוך קובץ אחד. ערבוב userName, is_active, ו GetUserProfile() באותו מודול Python גרוע יותר מבחירת " wrong" מוסכמה באופן עקבי, כי עכשיו קורא יכול 't לחזות משהו. עקביות מנצחת העדפה אישית בכל פעם.
טיפול לא נכון בראשי תיבות. זה העדין, וזה 's שבו I' נשרפו שפות שונות חלוקות בשאלה אם ראשי תיבות הם מילה אחת או רצף של אותיות:
- JavaScript שומר ראשי תיבות באותיות רישיות לחלוטין:
XMLHttpRequest,HTMLElement. - C# באותיות רישיות רק האות הראשונה:
XmlHttpRequest,HtmlElement. - ללכת אותיות גדולות כל ראשי התיבות, תמיד:
XMLHTTPRequest,URL,ServeHTTP.
Here's הטעות שהודיתי שלי עם זה. פעם נתתי לממיר אוטומטי להסתובב parseHTMLString לתוך parse_h_t_m_l_string על פני קובץ - הוא התייחס לכל בירה כאל גבול מילה - וביצעתי אותו מבלי לקרוא מקרוב את ההבדל. מקרה הנחש_ הנכון הוא parse_html_string. תפסתי את זה רק כאשר Python יכול't למצוא את הפונקציה שחשבתי I'd שינה את השם. השיעור: טיפול בראשי תיבות הוא בדיוק המקום שבו המרת מקרה אוטומטית זקוקה למבט אנושי, וזה 's למה ה ממיר אותיות רישיות וקטנות שומר על ריצות אותיות ומספרים סמוכים יחד במקום לנפץ אותם.
פיצול מספרים שגוי. user2FAEnabled צריך להפוך user_2fa_enabled, לא user_2_f_a_enabled. שמירה על רצפים מספריים עם האותיות השכנות שלהם היא ההתנהגות שאתה רוצה, וזה ' קל לטעות אם אתה ממיר באמצעות regex נאיבי.
תרחישי המרה אמיתיים שהגעתי אליהם מדי שבוע
העברת קוד בין שפות. העברת קטע משירות Python ל-Node one פירושה snake_case → camelCase עבור כל מזהה. הדבק את הבלוק, המר, בוצע.
רכיב לגיליון סגנונות. רכיב React בשם UserProfileCard (PascalCase) צריך שיעור CSS user-profile-card (קבב-תיק). המרה אחת.
הגדר לסביבה. נכתב מפתח תצורה database.connection.pool.size (dot.case) הופך ל-env var DATABASE_CONNECTION_POOL_SIZE (SCREAMING_SNAKE_CASE). הממיר עושה את שינוי הפורמט; אתה פשוט מדביק ובוחר.
כותרת ל-slug. כותרת כמו "כיצד להמיר מקרה טקסט באינטרנט" צריך כתובת 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?
הדבק את טקסט camelCase שלך לתוך ממיר אותיות רישיות וקטנות - למשל getUserProfile - ובחר snake_case. אתה מקבל get_user_profile באופן מיידי. מכיוון שהכלי מזהה גבולות מילים מהאותיות הגדולות, אתה עושה ' אין צורך להוסיף תחילה רווחים או סמנים.
למה משמש PascalCase?
PascalCase באותיות גדולות את האות הראשונה של כל מילה, כולל הראשונה: UserProfile, HttpClient. It's המשמשים לשמות מחלקות ברוב השפות, שמות רכיבי React ו-Vue, ממשקי TypeScript וכינויי סוג, שיטות ומאפיינים C# ו-Go' מזהים מיוצאים (ציבוריים) האות הראשונה הגדולה מבדילה חזותית בין סוגים ובנאים ממשתנים רגילים.
כיצד יש לכסות ראשי תיבות בשמות משתנים?
זה תלוי בשפה.JavaScript שומר אותם באותיות רישיות לחלוטין (XMLHttpRequest), C# באותיות רישיות רק האות הראשונה (XmlHttpRequest), ו-Go מעלה את כל ראשי התיבות (XMLHTTPRequest). זהו החלק היחיד המועד ביותר לשגיאות בהמרת מקרה, אז סקור את התוצאה בכל פעם שמזהה מכיל ראשי תיבות במקום לסמוך על טרנספורמציה עיוורת.
האם אני יכול להמיר רשימה שלמה של שמות בבת אחת?
כן. ה ממיר אותיות רישיות וקטנות מעבד קלט רב-שורות שורה אחר שורה הדבק רשימה מלאה של שמות עמודות או מזהים, בחר את פורמט היעד וכל שורה ממירה בו זמנית - אידיאלי למיפוי עמודות מסד נתונים למשתני יישומים.
באיזה מקרה עלי להשתמש עבור כתובות אתרים ו-CSS?
מארז קבב לשניהם. URL slugs כמו /blog/text-case-converter-guide ומאפייני CSS כמו background-color השתמש במילים באותיות קטנות מופרדות על ידי מקפים. It' הוא הפורמט הקריא ביותר בכתובות ובגליונות סגנונות והוא בטוח לכתובת URL ללא כל קידוד.
למה משמש SCREAMING_SNAKE_CASE?
קבועים ומשתני סביבה: MAX_RETRY_COUNT, DATABASE_URL, API_KEY. האות של כל הכובעים הוא מוסכמה, לא כלל נאכף - הוא אומר לקורא הבא " ערך זה קבוע, don't להקצות אותו מחדש." It's כמעט אוניברסלי עבור env vars מכיוון שמשתני מעטפת תמיד היו רישיות, ורוב השפות עוקבות אחר אותה מוסכמה עבור קבועי זמן הידור.
מה ההבדל בין Title Case לבין Sentence case?
Title Case באותיות רישיות את המילים העיקריות ומשאיר מאמרים קצרים, צירופים ומילות יחס באותיות קטנות: " המדריך להמרת מקרה טקסט." מקרה המשפט משתמש באותיות רישיות רק במילה הראשונה ובכל שמות עצם: " המדריך להמרת מקרה טקסט." Title Case הוא מסורתי לכותרות; מקרה המשפט הוא כעת סגנון הבית לכל היותר צוותי מוצר ותיעוד מכיוון שהוא קורא מהר יותר ומטפל טוב יותר בכותרות ארוכות.
כיצד אוכל לשנות את מקרה הטקסט ב-Word או ב-Google Docs?
ב - Microsoft Word, בחר את הטקסט ולחץ Shift + F3 כדי לעבור באותיות קטנות, UPPERCASE ו-Capitalize Every Word, או להשתמש בלחצן Aa בכרטיסייה בית. ל-Google Docs יש פורמט → טקסט → אותיות רישיות. אף אחד מהם אינו מציע פורמטים של מתכנת - עבור camelCase, snake_case או kebab-case אתה צריך ייעודי ממיר אותיות רישיות וקטנות.
מסקנה
המרת רישיות היא מיומנות קטנה המסמנת בשקט את ההבדל בין קוד שנקרא כמקור לשפה שלו לבין קוד שנקרא כמועבר ממקום אחר. הכרת המוסכמה הנכונה לכל הקשר - camelCase ב-JavaScript, snake_case ב-Python, kebab-case ב-CSS וכתובות URL, SCREAMING_SNAKE_CASE עבור קבועים - מונעת רעש לינטר, מונעת באגים ושומרת על בסיס קוד קוהרנטי.
החופשי ממיר אותיות רישיות וקטנות על Toolz.dev עושה את החלק מכני מיידי: כל פורמט ב, כל פורמט החוצה, שורה אחת או מאה, כל בדפדפן שלך עם שום דבר לא הועלה סימניה זה, ואת החלק האחד של מתן שמות אתה יכול להפוך לאוטומטי מפסיק עולה לך כל דבר.
המר את הטקסט שלך עכשיו: Toolz.dev/tools/case-converter
קריאה קשורה:
