How to replace all dots in a string using JavaScript ?

We will replace all dots in a string using JavaScript. There are multiple approaches to manipulating a string in JavaScript.

Using JavaScript replace() Method

The string.replace() function is used to replace a part of the given string with another string or a regular expression. The original string will remain unchanged. 

Syntax:

str.replace(A, B)

Example: Here we are replacing the dots(.) with space( ) in the text “A.Computer.science.Portal”. 

// Assigning a string
let str = "A.Computer.science.Portal";

// Calling replace() function
let res = str.replace(/\./g, " ");

// Printing original string
console.log("String 1: " + str);

// Printing replaced string
console.log("String 2: " + res);

String 1: A.Computer.science.Portal
String 2: A Computer science Portal

Using JavaScript Split() and Join() Method

We can split up strings of text with the JavaScript split() method and join() method to join strings using the replace characters with the join method. 

Syntax:

string.split('.').join(' ');

Example: Here we are replacing the dots(.) with space( ) using split and join. 

// Assigning a string
let str = "A.Computer.Science.portal";

// Calling split(), join() function
let newStr = str.split(".").join(" ");

// Printing original string
console.log("String 1: " + str);

// Printing replaced string
console.log("String 2: " + newStr);

String 1: A.Computer.Science.portal
String 2: A Computer Science portal

Using JavaSccript reduce() Method and spread operator

We can use the spread operator to make an array from the character of a string and form a string with the help of reduce() method without dots in the string.

Syntax:

[...str].reduce( (accum, char) => (char==='.') ? accum : accum + char , '')

Example: In this example, we will replace ( ‘.’ )  by using the spread operator and reduce function.

// Assigning a string
let str = "Geeks.for.Geeks";

// using reduce(), and sprea operator
let newStr = [...str].reduce(
    (s, c) => (c === "." ? s : s + c),""
);

// Printing original string
console.log("String 1: " + str);

// Printing replaced string
console.log("String 2: " + newStr);

String 1: Geeks.for.Geeks
String 2: GeeksforGeeks

Using JavaScript replaceAll() Method

JavaScript replaceAll() method returns a new string after replacing all the matches of a string with a specified string or a regular expression. The original string is left unchanged after this operation.

Syntax:

const newString = originalString.replaceAll(regexp | substr , newSubstr | function)

Example: This example uses the replaceAll() method to replace  ( ‘.’ ).

let str = "Geeks.for.Geeks";
let replacedStr = str.replaceAll(".", "");

console.log("Original string : " + str);
console.log("Modified string : " + replacedStr);

Original string : Geeks.for.Geeks
Modified string : GeeksforGeeks

Using JavaScript for loop

We iterates over each character in the string using a for loop. If the current character is a dot (‘.’), it appends the newChar character to the result; otherwise, it appends the current character from the input string. Finally, it returns the result string, which contains the replaced characters.

Example: This example uses the replaceAll() method to replace  ( ‘.’ ).

const originalString = "Hi,.Welcome.to.GeeksforGeeks";
 let replacedStr = '';
    for (let i = 0; i < originalString.length; i++) {
        if (originalString[i] === '.') {
            replacedStr += ' ';
        } else {
            replacedStr += originalString[i];
        }
    }

console.log("Original string : " + originalString);
console.log("Modified string : " + replacedStr);

Using JavaScript map() Method on Arrays

We can convert the string into an array of characters, use the map() method to iterate over each character, and replace dots with spaces. Finally, we join the array back into a string.
Example: In this example, we replace dots (‘.’) with spaces (‘ ‘) using the map() method.

// Assigning a string
let str = "Learning.is.fun.with.JavaScript";

// Using map() to replace dots with spaces
let newStr = Array.from(str).map(char => char === '.' ? ' ' : char).join('');

// Printing original string
console.log("String 1: " + str);

// Printing replaced string
console.log("String 2: " + newStr);

String 1: Learning.is.fun.with.JavaScript
String 2: Learning is fun with JavaScript