איך ממירים מ־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.
האם הכלי חינמי?
כן, השימוש חינמי. בלי הרשמה ובלי אימייל. התוצאה מופיעה בדף הזה.
איך מקבלים את התוצאה?
משתמשים בכלי בדף הזה. התוצאה מופיעה כאן, בלי צורך במשלוח לאימייל.