Convert string to kebab case in JavaScript
Question:
How to convert string to kebab case in JavaScript? Answer:
function toKebabCase(str){
return str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (m, chr) => '-' + chr).trim();
}
console.log(toKebabCase('the name field id őúáűí is name-field_id')); // the-name-field-id-is-name-field-id
Description:
In website URLs, you can often see that the path string is a multiple-word phrase separated by hyphen - characters. Sometimes it is referenced as SEO friendly dash delimited string like this: this-is-my-text. This formatting is called the kebab case.
Reference:
String replace reference
Share "How to convert string to kebab case in JavaScript?"
Related snippets:
- Remove double quotes from a string in JavaScript
- Check if date is valid in JavaScript
- Check if a string is empty in JavaScript
- Check if string contains a substring in JavaScript
- Escape quotes in JavaScript
- Count the number of characters in a string with JavaScript
- Concatenate strings in JavaScript
- Convert array to comma separated string using JavaScript
- Check if string ends with slash using JavaScript
- Get the last character of a string in JavaScript
- Remove spaces from string at the beginning, end, or both in JavaScript
- Remove all extra spaces from a string in JavaScript
- Check if string contains a specific character using JavaScript
- Remove protocol from URL with JavaScript
- Remove emojis from a string with JavaScript
- Check if a string ends with number in JavaScript
- Remove specific character from a string in JavaScript
- Remove the last character from a string in JavaScript
- Count the number of words in a string using JavaScript
- Count the number of lines in a string in JavaScript
- Convert string to int in JavaScript
- Convert string to lowercase with JavaScript
- Capitalize words in a string using JavaScript
- Generate random string in JavaScript
- Generate UUID in JavaScript
- Generate random color with JavaScript
- Convert string to kebab case in JavaScript
- Convert snake case to camel case in JavaScript
- Convert string to character array in JavaScript
- Convert camel case to snake case in JavaScript
- Remove accents from a string in JavaScript
- Convert a string to sentence case in JavaScript
- Convert string to title case in JavaScript
- Convert string to snake case in JavaScript
- Convert string to pascal case in JavaScript
- Convert string to camel case in JavaScript
- Convert string to uppercase with JavaScript
- Convert object to JSON string in JavaScript
- Parse JSON string in JavaScript
- convert number to string in JavaScript
- Use colors in JavaScript console
- Get string length in JavaScript
- Split a string into words
- Replace line break with br in JavaScript
- Replace spaces with dashes in JavaScript
- Create multiline string in JavaScript
Tags:
kebab case, hyphen case, dash, hyphen, convert, string, javascript Technical term:
Convert string to kebab case in JavaScript