How to usethe replace() method in Javascript
Here we have a function named kebabCase which takes a string and returns a string after converting the kebab case. Here we are using replace method two times because the first replace method is to get all the letters that are near to the uppercase letters and replace them with a hyphen. The second replace function is used for getting the spaces and underscores and replacing them with a hyphen.
Example: In this example, we are using the above-explained approach.
const kebabCase = string => string
.replace(/([a-z])([A-Z])/g, "$1-$2")
.replace(/[\s_]+/g, '-')
.toLowerCase();
console.log(kebabCase('Geeks For Geeks'));
console.log(kebabCase('w3wiki'));
console.log(kebabCase('Geeks_For_Geeks'));
Output
geeks-for-geeks geeks-for-geeks 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