Case Style Converter
Interconvert between space separated, camel case, pascal case, snake case and kebab case.
Description
| Style | Description |
|---|---|
| space separated | Connect words using spaces as delimiters. |
| camelCase (lower camel case) | Start compound words with a lowercase letter. |
| PascalCase (upper camel case) | Start compound words with a uppercase letter. |
| snake_case / SNAKE_CASE | Connect words using underscores (_) as delimiters. |
| kebab-case / KEBAB-CASE | Connect words using hyphens (-) as delimiters. |
To reduce the number of characters (bytes) used
camelCase or PascalCase does not require a delimiter.
Therefore, they use fewer characters (bytes) than the other styles.
To reduce the number of keystrokes on the keyboard
The difference between camelCase and PascalCase is whether the first letter is lowercase or uppercase.
PascalCase requires more keystrokes on the keyboard than camelCase because the "Shift" key must be pressed to capitalize the first letter.
The difference between snake_case and kebab-case is the difference between the delimiters _ and -.
snake_case requires more keystrokes on the keyboard than kebab-case because the "Shift" key must be pressed to type _.
kebab-case cannot be selected entirely with a double click of the mouse
Comparing only the number of keyboard inputs, snake_case requires more input than kebab-case,
but the advantage of snake_case is that you can select the entire item with a double click of the mouse.
In kebab-case, it is separated by - and cannot be selected entirely.
The most efficient is camelCase
The number of characters (bytes) used and the number of keystrokes on the keyboard are the lowest with camelCase.
Therefore, camelCase is the most efficient for programming.
| Style | Input string | Number of bytes | Number of keystrokes |
|---|---|---|---|
| space separated | example text | 12 bytes | 12 keystrokes |
| camelCase | exampleText | 11 bytes | 12 keystrokes |
| PascalCase | ExampleText | 11 bytes | 13 keystrokes |
| snake_case | example_text | 12 bytes | 13 keystrokes |
| kebab-case | example-text | 12 bytes | 12 keystrokes |
Related sites
News
-
2024/12/08 NEWAdded "Border settings" to the tool "Dummy Image Generator".
You can display a border around the image.
Related tools
Feedback
If you have any requests, please feel free to contact us. If you find any problems or bugs, it would be helpful if you could contact us.