Replace spaces with dashes and make all letters lower-case

javascript string replace
M.E picture M.E · Dec 31, 2009 · Viewed 206.9k times · Source

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?

Answer

Christian C. Salvadó picture Christian C. Salvadó · Dec 31, 2009

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.

Related questions

How to replace all occurrences of a string?

I have this string: "Test abc test test abc test test test abc test test abc" Doing: str = str.replace('abc', ''); seems to only remove the first occurrence of abc in the string above. How can I replace all …

Read More
How can I remove a character from a string using Javascript?

I am so close to getting this, but it just isn't right. All I would like to do is remove the character r from a string. The problem is, there is more than one instance of r in the string. …

Read More
Fastest method to replace all instances of a character in a string

What is the fastest way to replace all instances of a string/character in a string in JavaScript? A while, a for-loop, a regular expression?

Read More