How to Replace all dots in a String in JavaScript

Replace all dots in a String in JavaScript #

To replace all dots in a string:

1. Call the replaceAll() method, passing it a dot as the first parameter and a 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 withoutDots = str.replaceAll('.', '-');
console.log(withoutDots); // 👉️ 'a-b-c'

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

1. the characters we want to match in the string
2. the replacement string for each match. In the example we use a dash -, however you could use whatever replacement string you need, e.g. a whitespace character ' '.

To replace all dots in a string:

1. Call the replace() method, passing it a regular expression that matches all dots as the first parameter and the replacement character as the second.
2. The replace method will return a new string with all dot characters replaced.

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

const withoutDots = str.replace(/\./g, '_');
console.log(withoutDots); // 👉️ 'a_b_c'

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

1. A regular expression that matches all dots in the string
2. The replacement string for each match

The \ character, before the dot is used to escape special characters. The . character has a special meaning in regular expressions and matches one or more characters of any type.

We want the dot to be taken literally, so we escape it.

We use the g (global) flag because we want to match all occurrences of the dot character in the string, and not just the first one.

If you're looking to avoid regular expressions, and you need to support Internet Explore, you can use the next approach.

To replace all dots in a string:

1. Call the split() method to split the string on each dot character. The split method returns an array containing the divided substrings.
2. Call the join() method on the array, passing it a replacement character for the dots. The join method returns a new string by concatenating the array elements with the provided separator.

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

const withoutDots = str.split('.').join('_');
console.log(withoutDots); // 👉️ 'a_b_c'

The String.split method splits the string on each dot character.

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

const split = str.split('.');

console.log(split); // 👉️ ['a', 'b', 'c']

The final step is to join all array elements with a separator (replacement for each dot).

Further Reading #

• Check if Array contains Empty String in JavaScript
• Interpolate Variable in a String in JavaScript
• Check if letter in String is Uppercase or Lowercase in JS
• Check if String contains only Letters and Spaces in JS
• Check if String contains only Letters and Numbers in JS
• Remove all non-alphanumeric Characters from String in JS
• Check if String contains Whitespace in JavaScript
• 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