How to usefor loop in Javascript
In this approach we iterate over each character in the string using for loop. For each character, if it’s uppercase and not the first character, add a hyphen before converting it to lowercase. Replace spaces, underscores with hyphens. Append all other characters directly to the new string.
Example: In this example, we are using the above-explained approach.
function toKebabCase(str) {
let kebabCase = '';
for (let i = 0; i < str.length; i++) {
const char = str[i];
if (char.toUpperCase() === char && char.toLowerCase() !== char) {
if (i > 0) {
kebabCase += '-';
}
kebabCase += char.toLowerCase();
} else if (char === ' ' || char === '_' || char === '-') {
kebabCase += '-';
} else {
kebabCase += char;
}
}
return kebabCase;
}
console.log(toKebabCase("welcomeTow3wiki"));
Output
welcome-to-geeks-for-geeks
How to convert a string into kebab case using JavaScript ?
Given a string with space-separated or camel case or snake case letters, the task is to find the kebab case of the following string.
Examples:
Input: Geeks For Geeks
Output: geeks-for-geeks
Input: w3wiki
Output: geeks-for-geeks
Input: Geeks_for_geeks
Output: geeks-for-geeks
Below are the approaches used to convert a string into a kebab case using JavaScript:
Table of Content
- Approach 1: Using the replace() method
- Approach 2: Using the match() method
- Approach 3: Using Lodash _.kebabCase() method
- Approach 4: Using for loop
Contact Us