How to Replace all Hyphens in a String in JavaScript

Replace all Hyphens in a String in JavaScript #

To replace all hyphens in a string:

1. Call the replaceAll() method, passing it a hyphen as the first parameter and the replacement string as the second.
2. The replaceAll method returns a new string with all matches replaced by the provided replacement.

Copied!
const str = 'a-b-c';

const hyphensReplaced = str.replaceAll('-', ' ');
console.log(hyphensReplaced); // 👉️ a b c

We passed the following parameters to the String.replaceAll method:

1. a substring we want to match in the string
2. the replacement for each match

In the example we replace each hyphen with a space, however you could provide any replacement that suits your use case, e.g. a dot .:

Copied!
const str = 'a-b-c';

const hyphensReplaced = str.replaceAll('-', '.');
console.log(hyphensReplaced); // 👉️ a.b.c

The replaceAll method does not change the original string, it returns a new string with all matches replaced. Strings are immutable in JavaScript.

To replace all hyphens in a string:

1. Call the replace() method, passing it a regular expression matching all hyphens as the first parameter and the replacement string as the second.
2. The replace method will return a new string with all hyphens replaced with the provided replacement.

Copied!
// Supported in IE 6-11

const str = 'a-b-c';

const hyphensReplaced = str.replace(/-/g, ' ');
console.log(hyphensReplaced); // 👉️ a b c

We passed the following parameters to the String.replace method:

1. a regular expression we want to match in the string
2. a replacement for each match

We use the g (global) flag because we want to match all hyphens in the string and not just the first occurrence.

The replaceAll method is quite nicer and easier to read, however if you have to support Internet Explorer, the replace method gets the job done.

Further Reading #

• Check if String contains any Letter in JavaScript
• Check if String contains Special Characters in JavaScript
• Check if String starts with Substring in JavaScript
• Check if String ends with Substring in JavaScript
• Check if String starts with one of Multiple Values in JS
• How to count the words in a String in JavaScript
• Check if String contains only Latin Letters in JavaScript
• Check if a String is all Uppercase in JavaScript
• Check if First Letter of String is Uppercase in JavaScript
• Get first letter of each Word in a String in JavaScript
• Remove the Last Word from a String using JavaScript