Replace spaces with dashes and make all letters lower-case

user_232388 0
Viewed 275987

I need to reformat a string using jQuery or vanilla JavaScript

Let’s say we have "Sonic Free Games".

I want to convert it to "sonic-free-games".

So whitespaces should be replaced by dashes and all letters converted to small letters.

Any help on this please?

replace javascript string
7 Answers

Just use the String replace and toLowerCase methods, for example:

var str = "Sonic Free Games";
str = str.replace(/\s+/g, '-').toLowerCase();
console.log(str); // "sonic-free-games"

Notice the g flag on the RegExp, it will make the replacement globally within the string, if it's not used, only the first occurrence will be replaced, and also, that RegExp will match one or more white-space characters.

CMS_54450
Admin1 

var str = "Tatwerat Development Team";
str = str.replace(/\s+/g, '-');
console.log(str);
console.log(str.toLowerCase())

user_22628560

A very straightforward approach is to use the JavaScript String replaceAll() method.

"Sonic Free Games".replaceAll(' ', '-').toLowerCase(); //sonic-free-games

For simple replacements like this, a regex is often overkill.

This is simpler and more readable.

However, if you still need a regex, you can use them with this method as well. See the moz docs for an example.

If you need IE support, you'll need a polyfill.

user_51903750

@CMS's answer is just fine, but I want to note that you can use this package: https://github.com/sindresorhus/slugify, which does it for you and covers many edge cases (i.e., German umlauts, Vietnamese, Arabic, Russian, Romanian, Turkish, etc.).

user_89605510
Related